利用ajaxfileupload.js实现跨域上传图片并处理返回的数据

在开发中遇到跨域上传图片并且需要处理返回的数据。网上找了很久选择了服务器后台实现(因为2个域我都可以开发- -)

1、首先导入jquery.js和ajaxfileupload.js

2、$.ajaxFileUpload(
        {
            url: url, //用于文件上传的服务器端请求地址
            type:'post',
            secureuri: false, //是否需要安全协议,一般设置为false
            fileElementId: fileId, //文件上传域的ID
            dataType: 'text', //返回值类型 一般设置为json
            success: function (data, status)  //服务器成功响应处理函数
            {
               var obj = eval("(" + data + ")");
               var prefix = obj.prefix;
               var url = obj.url;
               var realUrl = prefix + url;
               $("#"+imgShow).attr("src",realUrl);
               $("#"+imgShow).show();
               if(null != url && url!="")
              $("#"+imgUrl).attr("value",url);
               $btn.removeAttr("disabled");
            },
            error: function (s, xml, a, e)//服务器响应失败处理函数
            {
            alert("不要点击太快");
                //$btn.removeAttr("disabled");
            }
        }
    );

url写要跨域的地址,在后台处理完上传来的图片之后,后台在利用重定向的方式(response.sendRedirect([本域的一个地址]+"?back="+[返回的数据]))把返回的参数返回到本域处理,然后return处理的结果即可在success中获取

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值