跨平台移动开发phonegap/cordova 3.3全系列教程-图片上传

以asp.net为例，服务端使用HttpHandler

代码如下

<%@WebHandlerLanguage="C#"Class="uploadHandler"%>

 

usingSystem;

usingSystem.Web;

usingSystem.IO;

usingSystem.Data;

 

publicclass uploadHandler: IHttpHandler

{

   

   public voidProcessRequest (HttpContext context){

       context.Response.ContentType = "text/plain";

       context.Response.Charset = "utf-8";

       HttpPostedFile file = context.Request.Files["fileAddPic"];

       // fileAddPic为app端FileUploadOptions传入参数，此点非常重要

       string fileName = file.FileName;

       string folder = "~/upLoad";

       string uploadPath = HttpContext.Current.Server.MapPath(folder+ "\\");

       if (file != null)

       {

           file.SaveAs(uploadPath +fileName);           

           context.Response.Write("上傳OK");

       }

       else

       {

           context.Response.Write("上傳失敗");

       }

   }

 

   public boolIsReusable {

       get {

           return false;

       }

}

App端代码

   var pictureSource;   //picture source

   var destinationType; // setsthe format of returned value

   document.addEventListener("deviceready",onDeviceReady,false);

   function onDeviceReady() {

       pictureSource = navigator.camera.PictureSourceType;

       destinationType = navigator.camera.DestinationType;

   }

   //拍照上傳，uploadPhoto为拍照成功后调用函数（拍照成功后立即上传至服务端）

   function capturePhoto() {

       navigator.camera.getPicture(uploadPhoto, onFail, {

           quality: 100,

           destinationType: destinationType.FILE_URI,

           sourceType: Camera.PictureSourceType.CAMERA,

           encodingType: Camera.EncodingType.JPEG,

           popoverOptions: CameraPopoverOptions

       });

   }

 

  //從相冊選擇

   function getPhoto() {

       navigator.camera.getPicture(uploadPhoto, onFail, {

           quality: 100,

           destinationType: navigator.camera.DestinationType.FILE_URI,

           sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY

       });

   }

//上传失败回调函数：cancelled为取消动作，不抛出异常

    functiononFail(message) {       

       if (message.indexOf('cancelled')< 0) {

           alert('出錯了：'+message);

       }

   }

   //上傳圖片

   function uploadPhoto(imageURI) {

       var options = newFileUploadOptions();

       //用于设置参数，服务端的Request字串

       options.fileKey = "fileAddPic";

       options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);

 

       //如果是图片格式，就用image/jpeg，其他文件格式上官网查API

       options.mimeType = "image/jpeg";

 

       //这里的uri根据自己的需求设定，是一个接收上传图片的地址

        varuri = encodeURI("http://192.168.0.131:88/uploadHandler.ashx");

       options.chunkedMode = false;

       var ft = newFileTransfer();

       ft.upload(imageURI, uri, uploadOK, onFail, options);

   }

//上传成功回调函数：msg.response为服务端返回的文本

   function uploadOK(msg) {

       var response = msg.response;

       alert(response);

   }

针对程序员的养生保健微信18136761128(专治颈椎、久坐导到慢性疾病，已经上央视了，假一罚十)