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

猜你喜欢

转载自www.cnblogs.com/awzf/p/9844207.html