UEditor 图片跨域上传

根据网上一篇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;
}

猜你喜欢

转载自blog.csdn.net/kd2888/article/details/53580266