UEditor 图片跨域上传

5 篇文章 0 订阅
5 篇文章 0 订阅
根据网上一篇blog,自己修改了UEditor 图片跨域上传 在image.js 
submit
方法里修改,再在
uploadComplete里获取对应的数据即可。后台要加上


  
  
  1.                HttpContext.Current.Response.ClearHeaders();  
  2.                string origin = HttpContext.Current.Request.Headers["Origin"];  
  3.                HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Origin"string.IsNullOrEmpty(origin) ? "*" : origin);  
  4.                string requestHeaders = HttpContext.Current.Request.Headers["Access-Control-Request-Headers"];  
  5.                HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Headers"string.IsNullOrEmpty(requestHeaders) ? "*" : requestHeaders);  
  6.                HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Methods""POST, OPTIONS");  
  7.          


submit: function (callback) {

    var me = this,
        input = $( '<input style="filter: alpha(opacity=0);" class="edui-image-file" type="file" hidefocus="" name="upfile" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp">'),
        input = input[0];

    $(me.dialog).delegate( ".edui-image-file", "change", function ( e ) {
        if ( !this.parentNode ) {
            return;
        }
        // $('<iframe name="up"  style="display: none"></iframe>').insertBefore(me.dialog).on('load', function(){
        //     var r = this.contentWindow.document.body.innerHTML;
        //     if(r == '')return;
        //     me.uploadComplete(r);
        //     $(this).unbind('load');
        //     $(this).remove();
        //
        // });

            var filqe = $(this)[0].files[0];
            console.log(filqe)
            var formData = new FormData();
            formData.append('img1', filqe);
           var url="服务器地址"
            $.ajax({
                type: "POST", //必须用post
                url: url,
                crossDomain: true,
                jsonp: "jsoncallback",
                data: formData,
                contentType: false, //必须
                processData: false,
                //不能用success,否则不执行
                complete: function (data) {
                    console.log(data.responseText);
                    me.uploadComplete(data.responseText);
                }
            });

            Upload.updateInput( input );
            me.toggleMask("Loading....");
            callback && callback();



    });

    return me;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值