phonegap实现照片上传

因为业务的需要，需要实现一个照片上传的功能，但因为是html5开发的app，不希望用原生态的方法，恰好phonegap中有上传的文件的接口，于是乎试验了一下，经过一天的奋战，总算还是涉险过关了，说一下思路吧，首先是拍照的功能，拍照这个依托phonegap的api实现起来并不难，拍摄好的照片是一个文件路径，在代码中将这个路径传给上传接口，这个接口是post类型的，这些都是phonegap封装好的，然后是服务器那边的接收，lz是。net流派的，采用的是wcf的接收方式，由于发送的是文件流，获得文件流之后使用File的SavaAs方法，将文件存到文件夹这边完成，可喜可贺呵呵

如果有问题可来我的Phonegap安卓群交流：250395324

附代码：

var options = new FileUploadOptions();options.fileKey = "fileAddPic";//用于设置参数，对应form表单里控件的name属性，这是关键，废了一天时间，完全是因为这里，这里的参数名字，和表单提交的form对应var imagefilename = Number(new Date())+".jpg"; options.fileName=imagefilename;//options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);//如果是图片格式，就用image/jpeg，其他文件格式上官网查APIoptions.mimeType = "image/jpeg";options.mimeType = "multipart/form-data";//这两个参数修改了，后台就跟普通表单页面post上传一样 enctype="multipart/form-data"//这里的uri根据自己的需求设定，是一个接收上传图片的地址var uri = encodeURI("http://server.com/aaa.svc/PostWithImageData/");//alert(imageURI);//alert(uri);options.chunkedMode = false;var params = new Object();params.fileAddPic = imageURI;options.params = params; var ft = new FileTransfer();ft.upload(imageURI, uri, win, fail, options);

服务器端代码：

HttpPostedFile file = HttpContext.Current.Request.Files["fileAddPic"];try{string targetFilePath = "D:\\aaa\\" + file.FileName;file.SaveAs(targetFilePath);}catch (Exception e){log.Error(">>>发生错误，详情如下：");log.Error(e);}return file.FileName;

参考： https://groups.google.com/forum/?fromgroups=#!topic/phonegap/3XhwEyPnw6I

phonegap实现照片上传相关推荐

移动端照片上传、头像裁剪完整功能，兼容iphone,android (一)
第一步:照片上传 <input class="js_upFile" type="file" name="cover" accept=& ...
WeUI+移动端照片上传、显示、预览、下载功能
扩展WeUI照片上传功能,实现九宫格固定位置图片上传.显示.预览.下载 WeUI官网地址 WeUI+基于Zepto1.2和weui1.13 @{Layout = null;var apiPath = ...
项目实战：ASP.NET：B/S结构个人空间相册、照片上传下载系统
项目实战:ASP.NET:B/S结构个人空间相册.照片上传下载系统编辑环境:win10_x64 /VS2015/ SqlServer2012 项目:asp.net 项目简介:只是具有基本的登录 ...
react-前端excel 文件/PDF文件导入 --导出、照片上传、mp4格式视频下载
需要了解,new FormData() --上传时,将内容转为文件流 FormData提供一种表示表单数据的键值对的构造方式,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率 new Fil ...
Android -- 每日一问：如何设计一个照片上传 app ？
经典回答把自己放在一个面试官的角度,自己先实现一次这个 App ,然后自己总结一下你在这次实现中需要哪些能力.需要注意哪些事项.最后,再回过头来看,如果你是面试官,你希望面试者怎么回答才算是符合你的 ...
智能车自动控制快速停车_控制您的智能手机的自动照片上传
智能车自动控制快速停车 Modern smartphones and cloud photo services want to automatically upload every single ph ...
教资面试报名上传照片显示内部服务器错误,教师资格证报名照片上传显示内部错误怎么办？...
教师资格证报名照片上传显示内部错误怎么办?有很多不懂的人一定是怕是照片有问题吗?,教师资格证报名照片上传一直显示内部错误怎么办?其实找你上传了,照片的大小不大于系统所给的值,都是没有问题的,具体请浏览 ...
安卓h5混合开发照片上传的问题
安卓webview环境下,不能调用html5的照片上传<input type="file">,同时,由于前端页面在安卓环境下的存储容量有限制(有些系统是4M),不考虑把 ...
android照相及照片上传
android照相及照片上传 Java代码 package com.android.cist.camera.view; import java.io.ByteArrayOutputStream; ...

phonegap实现照片上传

phonegap实现照片上传相关推荐

最新文章

热门文章