function previewImg(imgFile){ var maxSize = 1024 * 1024*50;//最大上传图片50M var extension = imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);//扩展名 extension = extension.toLowerCase();//把文件扩展名转换为小写 if ((extension!='.jpg')&&(extension!='.png')&&(extension!='.pdf')){ //alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");//对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 ! // $("#"+id+"-error-msg").html("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !"); $('#'+imgFile.id).siblings('div').eq(0).html(''); $('#'+imgFile.id).attr('data-url','');//保存图片路径 layer.msg("对不起,系统仅支持jpg,pdf和png格式的照片,请您调整格式后重新上传,谢谢 !"); }else{ //获取图片文件 var file = imgFile.files[0];//文件对象 var name = file.name;//图片名 var size = file.size;//图片大小 if(size > maxSize){ // $("#"+id+"-error-msg").html("图片过大,超过50M,请缩减图片大小和尺寸后重新上传"); // alert();//图片大于5M,请压缩有重新上传 $('#'+imgFile.id).siblings('div').eq(0).html('');//清空名称 $('#'+imgFile.id).attr('data-url','');//保存图片路径 layer.msg("图片过大,超过50M,请缩减图片大小和尺寸后重新上传"); return false; } var formData=new FormData(); formData.append('file',file); var index = layer.load(1, {shade: false}); $.ajax({ type: "POST", dataType: "json", contentType: false, processData: false, url: "/dfs/dfs/upload.m", data: formData, success: function(msg){ layer.close(index); console.log(msg); if(msg.statusCode === 0){ //判断是否上传成功 if(msg.result[0].status===0){ $('#'+imgFile.id).siblings('div').eq(0).html(msg.result[0].item.originalName);//将图片名字赋值给显示div $('#'+imgFile.id).attr('data-url',msg.result[0].item.url);//保存图片路径 }else{ layer.msg('上传失败') } } }, error:function (res) { layer.close(index); console.log(res); layer.msg('上传失败'+res) } }); } }
ajaxfromdata上传文件或照片方法
最新推荐文章于 2022-05-08 22:30:23 发布