原文:关于手机端h5上传图片配合exif.min.js,processImg.js的使用

首先这里有个new FileReader 的概念,这是h 新增的,用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据,他有个readAsDataURL的方法,可以读取url,同时input file的change事件里面有个this.file是个数组,反应的当前上传文件的具体参数 打印出来有这些 ...

2016-12-26 00:24 0 1459 推荐指数:

查看详情

html5+exif.js+canvas实现手机照片上传预览、压缩、旋转功能(转)

html5+canvas进行移动手机照片上传时,发现iOS手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。 利用exif.js读取照片的拍摄信息,详见 http ...

Wed Jan 18 17:13:00 CST 2017 0 2075
JS自定义手机H5键盘

在输入车牌号的时候,因为很多车牌号都是数字字母混合排列的,所以如果用输入法输入就需要频繁切换数字跟字母,有点麻烦。 在这里我们就用自定义一个弹出框代替键盘来使用。 1、首先,要禁止掉文本框弹出输入法,这里我用readonly 2、其次需要一个键盘弹框,这里就用div给做一个 ...

Tue Dec 12 22:37:00 CST 2017 1 11209
js移动/H5同时选择多张图片上传使用canvas压缩图片

最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴。我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候的想法是如果给file表单加了 multiple 属性就没有办法调用手机的摄像头拍照了,如果不加 ...

Tue Jun 20 22:52:00 CST 2017 10 1470
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM