这个例子为你分享移动端的图片上传组件，供大家参考，具体内容如下

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）。追加（''）；
}
}）；



以上是移动端的图片上传组件，非常实用的上传组件，希望大家喜欢。