这个例子为你
分享移动端的
图片上传组件,供大家
参考,具体内容如下
imageupload
使用
文件API客户机来
压缩图片并将
服务器上传到文件中。
依赖于jQuery的文件
参数的API
加载:加载,页面
显示加载的
图标选择器。
URL,接收数据的API接口
地址 文件的最大尺寸:1010241024,最大单个文件大小由服务器端
支持 格式:支持文件格式的。图像
文本…
iscompress:真的,如果是一张图片,客户端压缩可以打开,减少
数据文件的
传输 compressnum:0.6,图像的
压缩率,0 ~ 1集到5月1日结束超过压缩,请用1。仔细。
beforeupload:
函数(){ },
处理上传之前,返回false可以防止文件上传
UploadStart:(
功能){ },开始上传回调
afterupload:(功能){ },上传结束回调
uploadprogress:功能(v){ }上传进度条
UploadError:(功能){ }上传纠错
(showthumbnail:功能){ }显示缩略图
使用的例子:
压缩前:
压缩后的:
$(# filesss)。MobileUpload({
网址,
beforeupload:函数(){
console.log('beforeupload)
},
UploadStart:功能(文件){
console.log('uploadstart)
console.log('original文件大小:+文件长度);
},
uploadprogress:功能(v){ console.log(进步+ V)},
UploadError:函数(){ console.log('uploaderror)},
showthumbnail:功能(文件){
$(# rrr1)。追加('');
},
afterupload:功能(文件、资料){
console.log('size压缩后:+文件长度);
$(# rrr2)。追加('');
}
});
以上是移动端的图片上传组件,非常实用的上传组件,希望大家喜欢。