js 图片压缩上传工具类

大体使用方法如下 根据自己业务进行修改 直接调用工具类
工具类下载地址:https://blog-static.cnblogs.com/files/atsong/uploadProcess.js

function setphoto(){
if($("#file1").val()!=""){
var fileObj = document.getElementById("file1").files[0]; // js 获取文件对象
var form = new FormData(); // FormData 对象
var compression = compressionRatio("file1");
if(compression=="-1"){
layer.msg("文件大小不可以超过10M");
return;
}
photoCompress(fileObj, {
quality : compression
}, function(base64Codes) {
var bl = convertBase64UrlToBlob(base64Codes);
form.append("file", bl, fileObj.name); // 文件对象
form.append("familycode",familycode);
$.ajax({
type : "post" ,
url : "<%=root%>/uploadPkhZfAddAttc.do",
data:form,
processData:false, // 告诉jquery不要处理发送的数据
contentType:false, // 告诉jquery不要设置content-Type请求头
success: function(result) {

/* var obj = result.data;
if(obj.materid>0){
// layer.msg('头像上传成功!');
/!*layer.close(_loging);*!/
// getUserpic();
$(".tx").html("");
$(".tx").append('<img style="height:100%;" id="headimg" src="data:image/jpg;base64, '+obj.avatar+'">');
window.android.saveUser(username, idcardno, phone, openid, obj.avatar, sex)
}else{
layer.msg('头像上传失败!');
/!*layer.close(_loging);*!/
}*/
}
})

})
}
}
posted @ 2020-05-12 16:53  颂先生  阅读(433)  评论(0编辑  收藏  举报