1

そのため、この Kendo UI Upload は、ファイルを MVC コントローラーに送信するとうまく機能しましたが、ファイルを変更して API コントローラーに直接送信する必要がありますが、失敗します。

これは剣道アップロードの初期コードです:

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

Chrome コンソールではLoad Canceled、[ネットワーク] タブのリクエストのステータス テキストに表示されます。

ここに画像の説明を入力

リクエストの結果は次のようになります。

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パラメータは awaysnullです。

これは、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>

何かご意見は ？どんな助けでも大歓迎です！

4

1 に答える 1

0

このコードは私のために働いた。

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-03T18:49:48.547 に答える