easyui-filebox上传图片到阿里

应用场景:在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