html5中上传图片
2015-07-27 19:53
639 查看
从相册中选择图片上传
函数套函数,要分清楚当前这个函数到底有那些参数。拍照上传的方法如下:
注意这一句task.addFile("file://" + entry.fullPath, { key: "file" }); 前面要加上file://防止在ios下找不到图片路径。
function uploadFromAlbum(type) { var dirtype = ""; if ("pick_store_license" == type || "pick_id_pic" == type) { dirtype = "auth"; } if ("pick_store_pic" == type) { dirtype = "store"; } plus.gallery.pick( function (path) { //选择成功 $("#heisebg").removeClass("heisebg").addClass("heisebghid"); $("#waitingupload").removeClass("heisebghid").addClass("heisebg"); var task = plus.uploader.createUpload(configManager.RequstUrl + "api/common/upload", { method: "POST", blocksize: 102400, priority: 100 }, function (upload, status) { // 上传完成 if (status == 200) { var data = JSON.parse(upload.responseText); //显示图片 ... ... $("#waitingupload").removeClass("heisebg").addClass("heisebghid"); } else { console.log("Upload failed: " + status); } } ); task.addFile( path, { key: "file" }); task.addData("dir", dirtype); task.start(); }, function (e) { console.log(e); }, { filter: "image" } ); }
函数套函数,要分清楚当前这个函数到底有那些参数。拍照上传的方法如下:
//从摄像头中拍照 function uploadFromCamera(type) { var dirtype = ""; if ("pick_store_license" == type || "pick_id_pic" == type) { dirtype = "auth"; } if ("pick_store_pic" == type) { dirtype = "store"; } var cmr = plus.camera.getCamera(1); if (null != cmr) { //拍照 cmr.captureImage(function (p) { plus.io.resolveLocalFileSystemURL( p, function (entry) { //拍照成功 $("#heisebg").removeClass("heisebg").addClass("heisebghid"); $("#waitingupload").removeClass("heisebghid").addClass("heisebg"); //上传图片 var task = plus.uploader.createUpload(configManager.RequstUrl + "/api/common/upload", { method: "POST", blocksize: 102400, priority: 100 }, function (upload, status) { // 上传完成 if (status == 200) { var data = JSON.parse(upload.responseText); //显示图片 ... ... console.log(upload.responseText); } else { console.log("Upload failed: " + status); } } ); task.addFile("file://" + entry.fullPath, { key: "file" }); task.addData("dir", dirtype); task.start(); }, function (e) { plus.ui.alert(e.message, function () { }, configManager.alerttip, configManager.alertCtip); } ); }, function (e) { }, { filename: "_doc/camera/" }); } else { plus.ui.alert("没有找到摄像头", function () { }, configManager.alerttip, configManager.alertCtip); } }
注意这一句task.addFile("file://" + entry.fullPath, { key: "file" }); 前面要加上file://防止在ios下找不到图片路径。
相关文章推荐
- HTML5链接属性及使用
- HTML5媒体查询语法
- 了解HTML5和“她”的 API (三)
- HTML5 格式化方式以及应用
- html5中不再支持table的cellspacing和cellpadding属性
- html5 离屏canvas 的应用
- html5+css3实现正在加载中代码
- html5之canvas起步
- HTML5 中的新标签
- 在Ubuntu平台上创建Cordova Camera HTML5应用
- html5之canvas基础1
- 了解HTML5和“她”的 API (二)
- html5缓存
- html5 canvas 实现倒计时 功能
- 玩转HTML5移动页面(动效篇)
- HTML5实战之《疯狂人参果》
- HTML5大纲算法(HTML5 Outliner)
- HTML5基础28----创建对象仓库
- HTML5基础21----简单Web留言本(功能未实现)
- 基于HT for Web矢量实现3D叶轮旋转