【文件属性】:
文件名称:mobileUpLoadImage:移动端图片上传并处理
文件大小:3KB
文件格式:ZIP
更新时间:2021-05-10 19:44:41
HTML
mobileUpLoadImage
移动端图片上传并处理
目前我所知道的移动端上传图片的方式大致有几种:
直接上传图片(由于移动端照出来的图片会比较大,这种方式上传的图片没有经过压缩,上传时间比较长且有可能失败)
直接通过某些兼容移动端的插件进行上传
通过URL.createObjectURL的方式读取图片并处理后上传base64格式的数据(兼容性)
通过FileReader的方式读取并处理后上传base64格式的数据(兼容性)
前两种方式不用说,想试验的可以自行百度,主要说下后面两种方式:
URL.createObjectURL兼容性:Android4.0以上、IOS6.1以上
FileReader兼容性:Android3.0以上、IOS6.1以上
所以两种方式都有兼容性问题。
这两种方式操作起来其实都很方便
首先你需要在页面上创建一个input标签,
<input type="file
【文件预览】:
mobileUpLoadImage-master
----index.html(2KB)
----README.md(3KB)