应用场景:在fixbox图片上传时在预览图片img标签底下点击按钮触发一下函数
参考:https://www.cnblogs.com/awzf/p/9843814.html
js
//修改该时上传产品相关图片的方法 上传到阿里云 function uploadPic2(imgId,upimportFileForm,fixboxImg,fixboxImgHidden,linkbutton) { var url = base+"/xxxx/xxxxx?statusType=xxxx&doType=xxxx"; var data = new FormData($(upimportFileForm)[0]);//相当将form表单中的所有文本name作为键形成n个键值对 可以用get("文本name")获取value值 // alert(data.get("upImg")) if (data.get("upImg")== "" || data.get("upImg")== null || data.get("upImg")== undefined){ $.messager.alert('系统错误提示','获取文件错误','error'); return; } $(linkbutton).linkbutton('disable'); $.ajax({ url: url, type: 'POST', data: data, dataType: 'JSON', cache: false, processData: false, contentType: false, beforeSend: function () { $.messager.progress({ title: '提示', msg: '文件上传中,请稍候……', text: '' }); }, complete: function () { $.messager.progress('close'); }, success:function(data){ $(linkbutton).linkbutton('enable'); if (data.code =="500"){ $.messager.alert('系统错误提示',data.msg,'error'); return; } if (data.code =="200"){ $.messager.alert('成功提示',data.msg); // alert(data.url); $(fixboxImg).textbox('setText',data.url); $(fixboxImgHidden).val(data.url); $(imgId).attr("src",data.url); return; } }, error: function(){ $(linkbutton).linkbutton('enable'); $.messager.alert('系统错误提示','请求服务器异常','error'); return; } }) }
后台:可百度上传图片到阿里 参考资料:https://blog.csdn.net/baidu_38990811/article/details/78413470