拍照上传功能

jyxzfw

我要实现拍照并且上传功能。

1. // 上传图片到服务器
   
2.     var uploadPicture = function ( imageURI ){
   
3. var deferred  = when.defer();
   
4.         var options = new FileUploadOptions();
   
5.         options.fileKey = "file";
   
6.         options.fileName = imageURI.substr(imageURI.lastIndexOf('/')+1);
   
7.         options.mimeType = "image/jpeg";
   
8. 
   
9.         var ft = new FileTransfer();
   
10.         // 上传回调
    
11.         $ionicLoading.show({
    
12.             template: "已经上传：0%"
    
13.         });
    
14.         ft.onprogress = function ( progressEvent ){
    
15.             $timeout(function () {
    
16.                 var downloadProgress = (progressEvent.loaded / progressEvent.total) * 100;
    
17.                 $ionicLoading.show({
    
18.                     template: "已经上传：" + Math.floor(downloadProgress) + "%"
    
19.                 });
    
20.                 if (downloadProgress > 99) {
    
21.                     $ionicLoading.hide();
    
22.                 }
    
23.             })
    
24.         };
    
25. 
    
26.         ft.upload( imageURI, encodeURI('http://XXX.XXX.XXX.XXX:XX/OaJsonServiceTest/PhotoAndUploadService/UploadPhoto.ashx')
    
27.           , function(data){
    
28.             alert("成功");
    
29.             deferred.resolve( imageURI );
    
30.         } , function(err){
    
31.             alert("失败");
    
32.         }, options);
    
33.         return deferred.promise;
    
34.     };

复制代码

以上是上传的方法。
服务端我也不会写，就网上down了一个大神"神色自若"的代码，如下：

1. public void ProcessRequest (HttpContext context) {
   
2.         context.Response.ContentType = "text/plain";
   
3. 
   
4.         context.Response.Charset = "utf-8";
   
5. 
   
6.         HttpPostedFile file = context.Request.Files["fileAddPic"];
   
7. 
   
8.         // fileAddPic为app端FileUploadOptions传入参数，此点非常重要
   
9. 
   
10.         string fileName = "123.jpeg";//file.FileName;
    
11. 
    
12.         string folder = "~/upLoad";
    
13. 
    
14.         string uploadPath = HttpContext.Current.Server.MapPath(folder + "\\");
    
15. 
    
16.         if (file != null)
    
17.         {
    
18. 
    
19.             file.SaveAs(uploadPath + fileName);
    
20.             context.Response.Write("上传OK");
    
21.         }
    
22. 
    
23.         else
    
24.         {
    
25.             context.Response.Write("上传失败");
    
26. 
    
27.         }
    
28.                
    
29. 
    
30.     }

复制代码

为什么每次上传进度快完成时就失败啊？求大神解答

ionicwang

1.需要  文件插件  文件传输插件安装一下
2.你先不要整进度条 然后上传试试
3.看看服务器接收到你的post请求了没有
4.打印返回的错误代码 看看具体是哪里的问题

jyxzfw

服务端第十行，用file.FileName报错，“未将对象引用设置到对象的实例”。何也？

jyxzfw

ionicwang 发表于 2016-3-15 18:12
1.需要  文件插件  文件传输插件安装一下
2.你先不要整进度条 然后上传试试
3.看看服务器接收到你的post请 ...

您真是位热心肠。第一段代码第五行改成    options.fileKey = "fileAddPic";  并且服务端的存储路劲写死了。就OK了。
我还有个疑问就是：服务端第十行，用string fileName = file.FileName；报错，“未将对象引用设置到对象的实例”，不知道为什么。大神能帮忙解答吗