码迷,mamicode.com
首页 > Web开发 > 详细

网页上传插件之WebUploader---跨域上传遇到的问题总结

时间:2015-09-21 12:07:06      阅读:534      评论:0      收藏:0      [点我收藏+]

标签:

问题

用WebUploader网页上传插件进行跨域上传的时候,只有IE可以成功,经过1天的调试发现问题所在

在进行AJAX进行上传的时候,会先发送一个OPTIONS的预检请求,然而在IIS的配置里面

技术分享

技术分享

没有允许OPTIONS的请求

所以我在服务端加断点调试发现请求根本进不去服务端的方法,而用IE的时候,IE根本没有预检请求,所以IE就可以调试成功

 

解决办法

技术分享

加入允许OPTIONS的条件,再次进行测试,问题解决

 

贴上服务端的代码吧,一个一般处理程序

<%@ WebHandler Language="C#" Class="receive" %>

using System;
using System.Web;
using System.IO;

public class receive : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        if (context.Request.HttpMethod.Equals("OPTIONS"))
        {
            context.Response.ClearContent();
            context.Response.AddHeader("Access-Control-Allow-Origin", "http://localhost:61269");
            context.Response.AddHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS");
            context.Response.AddHeader("Access-Control-Allow-Headers", "content-type");
            context.Response.AddHeader("Access-Control-Max-Age", "30");
            context.Response.End();
        }
        else if (context.Request.HttpMethod.Equals("POST"))
        {

            var files = context.Request.Files;
            for (int i = 0; i < files.Count; i++)
            {
                var file = files[i];
                var filePath = @"E:\PIC\" + Path.GetFileName(file.FileName);
                file.SaveAs(filePath);
            }
            context.Response.AddHeader("Access-Control-Allow-Origin", "http://localhost:61269");
        }
    }

    public bool IsReusable
    {
        get
        {
            return true;
        }
    }
}

跨域的要点便是在响应头中加入

Access-Control-Allow-Origin:*

如果请求头中带有Origin,则Access-Control-Allow-Origin值不能为*,必须为一个URL

 

AJAX跨域知识参考

http://blog.csdn.net/net_lover/article/details/5172522

网页上传插件之WebUploader---跨域上传遇到的问题总结

标签:

原文地址:http://www.cnblogs.com/jiaxiang/p/4825559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!