ASP.Net MVC异步文件上传到API与Kendo失败

所以，当我发送文件到MVC控制器，但这个Kendo UI上传运行良好，但我必须改变它，并直接发送到API控制器，但它失败。ASP.Net MVC异步文件上传到API与Kendo失败

这是剑道上传初始化代码：

$("#files").kendoUpload({ 
    async: { 
    saveUrl: "@WebApiHelper.GetUrl("Notification/UploadFile")", 
    removeUrl: "remove", 
    autoUpload: true 
    }, 
    success: function(), 
    error: function() 
}

在Chrome控制台它显示Load Canceled在网络选项卡中的请求的状态文本：

enter image description here

请求的结果如下所示：

Request URL:http://localhost:45706/api/Notification/UploadFile 
Request Method:OPTIONS 
Status Code:200 Ok 

Request Headers 
Accept:*/* 
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3 
Accept-Encoding:gzip,deflate,sdch 
Accept-Language:pt-BR,pt;q=0.8,en-US;q=0.6,en;q=0.4 
Access-Control-Request-Headers:origin, content-type 
Access-Control-Request-Method:POST 
Host:localhost:45706 
Origin:http://localhost:1654 
Proxy-Connection:keep-alive 
Referer:http://localhost:1654/ 
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31 

Response Headers 
Access-Control-Allow-Credentials:true 
Access-Control-Allow-Headers:origin, accept, content-type 
Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS 
Access-Control-Allow-Origin:* 
allow-access-from domain:* 
Cache-Control:no-cache 
Content-Length:0 
Date:Fri, 03 May 2013 16:53:30 GMT 
Expires:-1 
Pragma:no-cache 
Server:Microsoft-IIS/8.0 
X-AspNet-Version:4.0.30319 
X-Powered-By:ASP.NET 
X-SourceFiles:=?UTF-8?B?QzpcVXNlcnNcR0F0ZWNcRG9jdW1lbnRzXEdBdGVjXE9kaXNzZWlhXEFwcGxpY2F0aW9uXEdBdGVjLkFncm9XZWIuQ29yZVxHQXRlYy5BZ3JvV2ViLkNvcmUuQVBJXGFwaVxOb3RpZmljYXRpb25cVXBsb2FkRmlsZQ==?=

请注意，状态码是200，因为我在方法中返回了它。因此，它达到API方法...

[HttpPost][HttpOptions] 
public HttpResponseMessage UploadFile(HttpPostedFileBase files)

...但files参数跳投null。

这是API webconfig文件CORS相关属性：

<httpProtocol> 
    <customHeaders> 
    <add name="Access-Control-Allow-Origin" value="*" /> 
    <add name="allow-access-from domain" value="*" /> 
    <add name="Access-Control-Allow-Headers" value="origin, accept, content-type" /> 
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> 
    <add name="Access-Control-Allow-Credentials" value="true" /> 
    </customHeaders> 
</httpProtocol>

有什么想法？任何帮助将非常感激！

来源

2013-05-03 DontVoteMeDown

您的文件参数应该是IEnumerable 文件 – HaBo 2013-05-03 18:45:39

本文解决了CORS问题：[http://blogs.msdn.com/b/carlosfigueira/archive/2012/02/20/implementing-cors-support-在-ASP净网页apis.aspx（http://blogs.msdn.com/b/carlosfigueira/archive/2012/02/20/implementing-cors-support-in-asp-net-web-apis .aspx） – DontVoteMeDown 2013-06-06 12:58:34

This article也解决了CORS问题的问题。

来源

2013-07-01 18:33:09 DontVoteMeDown

此代码适用于我。

public ActionResult Document_Create([DataSourceRequest] DataSourceRequest request, Customer obj, IEnumerable<HttpPostedFileBase> Docs) 
     { 
        foreach (var Doc in Docs) 
        { 
         string newFileName = Path.GetFileName(Doc.FileName).Replace(" ",""); //Guid.NewGuid().ToString() + Path.GetExtension(Doc.FileName); 
         var physicalPath = Path.Combine(Server.MapPath("~/Documents/"), newFileName); 
         Doc.SaveAs(physicalPath); 

        } 
      return Json(new[] { obj }.ToDataSourceResult(request, ModelState)); 
     }

来源

2013-05-03 18:49:48 HaBo

这也适用于我，但它必须在MVC前端级别上使用，而不是在后端级别上使用，就像我想要的那样。我对吗？ – DontVoteMeDown 2013-05-03 20:46:18

@DontVoteMeDown你是什么意思的MVC前端？ – HaBo 2013-05-03 21:45:25

@DontVoteMeDown我得到你的问题，检查你的API控制器的路由配置。这也应该与API控制器一起工作。 – HaBo 2013-05-03 21:56:20

ASP.Net MVC异步文件上传到API与Kendo失败

回答

相关问题