从相册中选择图片上传

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下找不到图片路径。

作者:Tyler Ning
出处:http://www.cnblogs.com/tylerdonet/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址williamningdong@gmail.com  联系我,非常感谢。

html5中上传图片相关推荐

  1. html5 手机上传图片

    最近不是特别忙,我就利用html5写了个上传图片(或其他文件)的页面,主要利用是html5的file api,此页面比较简陋,没做样式的优化,包含上传图片预览,多图片上传,上传进度条(利用html5的 ...

  2. 上传图片显示扫描效果html5,JS+HTML5实现上传图片预览效果完整实例【测试可用】...

    本文实例讲述了JS+HTML5实现上传图片预览效果.分享给大家供大家参考,具体如下: 在项目中遇到用input标签file类型的文件上传,想实在上传之前进行图片的预览功能:之前的做的一个解决方案是文件 ...

  3. html5代码转换为视频,HTML5中的视频代码详解

    摘要 腾兴网为您分享:HTML5中的视频代码详解,智学网,云闪付,易推广,小红书等软件知识,以及360win10,流量魔盒,fitbit,上港商城,安卓2.3.7,全民惠,五年级下册英语单词表图片,t ...

  4. HTML5学习之二:HTML5中的表单2

    (本内容部分节选自<HTML 5从入门到精通>) 对表单的验证 -------------------------------------------------------- •1.re ...

  5. html5 minlength,HTML5中是否有minlength验证属性?

    回答(16) 3 years ago 如果想做出这种行为, 总是 show a small prefix on input field 或 the user can't erase a prefix ...

  6. 谈谈HTML5中的history.pushSate方法,弥补ajax导致浏览器前进后退无效的问题

    移动端为了减少页面请求,有时候需要通过单页面做成多页面的效果,最近有这么个需求,表单填完后执行第一步,然后执行第二步,第二步执行完后再执行第三步,每一步都要保留之前的数据.这种情况用单页面实现再合适不 ...

  7. HTML5中关于wheel事件兼容性处理

    2019独角兽企业重金招聘Python工程师标准>>> 在html5中存在,滚轮滚动事件判断需要使用 wheel的时间,但各大版本浏览器使用的方式差异性却非常大,总体来说,目前whe ...

  8. html5自动完成是什么,HTML5中form如何关闭自动完成功能的方法

    什么是HTML5的form自动完成功能? 首先,HTML5 中有个新属性autocomplete ,autocomplete 属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入 ...

  9. html怎么把图片放到数组,HTML5中的图像数组

    所以,如果我想在网上抓取几张图片,将它们放入一个数组中并在网站上使用它们,我正在使用Javascript怎么做.HTML5中的图像数组 var images = [ {caption: "R ...

最新文章

  1. 基于c语言优先级病房呼叫_C语言
  2. VS2005 和 SQL Server 2005 安装顺序不同会发生什么?
  3. [51单片机] HC-SR04超声波测距仪 基础代码
  4. mysql forget the password
  5. 膨胀的计算机仿真,制冷空调中的计算机仿真与控制
  6. 对抗canary保护技术的几种方式
  7. 教你如何使用 OpenCV检测图像中的轮廓
  8. log4j记录不同的日志_使用log4j将不同类型的日志信息记录到不同的文件中
  9. 基于哈希表的索引堆变形(Hackerrank: QHEAP1)
  10. 盘点数据治理的6个价值
  11. Centos系统python2.x升级python3.x
  12. .Net 中的序列化与反序列化[概述]
  13. adb.exe可能被其他程序关闭_苹果说关闭后台 反而会缩短电池寿命?!
  14. java ioutils_关于Java:无法解析符号“ IOUtils”
  15. 利用python构建马科维茨_如何用python实现Markowitz投资组合优化
  16. 签了之后才后悔了--转载--职场心法
  17. 苹果雪豹操作系统正式版_苹果放出iOS 13andiPadOS beta 2:加入SMB网络共享、APFS硬盘支持...
  18. linux怎么看网络连接网络,linux如何查看网络连接情况?
  19. 输入一个三位数,分别求出x的个位数字,十位数字,百位数字的值。
  20. 【Zeekr_Tech】整车OTA概述

热门文章

  1. IDEA 快捷键 (长期更新)
  2. 设计模式10——flyweight模式
  3. CM记录-选择合适的硬件
  4. 数据结构笔记 递推与迭代
  5. Ubuntu14.04 + Text-Detection-with-FRCN(CPU)
  6. FineUI利用JS取控件的值
  7. WPF中的动画——(六)演示图板
  8. [15] 星星(Star)图形的生成算法
  9. C#中as与is的用法
  10. matlab如何配置weka,matlab调用weka