JQuery插件AJAX上传图片,前台压缩

  • 内容
  • 评论
  • 相关

image

 

image

 

支持手机端,引入了一个修复手机端的JS,安卓实测支持4.0以上,压缩效率很不错的,IOS完美支持
PC端需要支持canvas的浏览器,使用了canvas进行图片压缩处理

 

需要先引入JQuery后引入两个JS
1:upload.js
2:mobileBUGFix.mini.js
参数说明:
url:AJAX传递图片后台处理的地址(注意:图片信息是以base64格式传递过去的,需要先进行转码再保存,压缩包内upload.php有处理图片的部分。)
width:图片压缩之后的宽
height:图片压缩之后的高
quality:图片压缩率0-1之间,1是不压缩
mixsize:图片大小限制
type:图片的MIME格式,已“,”分隔
before:图片上传前的回调,返回值为图片的blob,可以直接前台预览图片
error:图片上传中出错的信息
success:图片上传成功后返回图片地址

 

下载地址: UploadImg.zip

 

演示地址:http://upload.cxiangnet.cn/