2017-09-26 76 views
0

ASP.NET Web Api无法正确读取流,错误消息是:“MIME多部分流的意外结束。MIME多部分消息未完成。angular-file-upload:无法上传带有数据的文件

这是我的角上传代码:

vm.fileUploader = new FileUploader({ 
    url: 'api/FileAPI/Upload', withCredentials: true, method: 'POST',    
}); 

vm.fileUploader.onCompleteItem = function (fileItem, response, status, headers) { 
    vm.data = response; 
}; 

vm.fileUploader.onBeforeUploadItem = function (item) { 
    item.formData = [{ folder: vm.folderName }]; 
} 

这是我读的流,并在异常被抛出。这个方法是从api控制器调用的,在那里我将表单数据作为参数。

public async Task<IEnumerable<PhotoViewModel>> AddFile(HttpRequestMessage request) 
{ 
    try 
    { 
     //nothing special in PhotoMultipartFormDataStreamProvider 
     var provider = new PhotoMultipartFormDataStreamProvider(this.workingFolder); 
     await request.Content.ReadAsMultipartAsync(provider); 
     var photos = new List<PhotoViewModel>(); 
     foreach (var file in provider.FileData) 
     { 
      var fileInfo = new FileInfo(file.LocalFileName); 
      photos.Add(new PhotoViewModel 
      { 
       Name = fileInfo.Name, 
       Size = fileInfo.Length/1024 
      }); 
     } 
     return photos; 
    } 
    catch(Exception ex) 
    { 
     throw new Exception("Error uploading file", ex); 
    } 
} 

这里是我的请求字符串:

Method: POST, RequestUri: 'http://localhost:49645/api/FileAPI/Upload', Version: 1.1, Content: System.Web.Http.WebHost.HttpControllerHandler+LazyStreamContent, Headers: 
{ 
    Connection: keep-alive 
    Accept: */* 
    Accept-Encoding: gzip 
    Accept-Encoding: deflate 
    Accept-Encoding: br 
    Accept-Language: sr-RS 
    Accept-Language: sr; q=0.8 
    Accept-Language: en-US; q=0.6 
    Accept-Language: en; q=0.4 
    Host: localhost:49645 
    Referer: http://localhost:49645/upload 
    User-Agent: Mozilla/5.0 
    User-Agent: (Windows NT 10.0; Win64; x64) 
    User-Agent: AppleWebKit/537.36 
    User-Agent: (KHTML, like Gecko) 
    User-Agent: Chrome/60.0.3112.113 
    User-Agent: Safari/537.36 
    Origin: http://localhost:49645 
    Content-Length: 791882 
    Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryxUFnwtUwHSuA4X5Q 
} 

当我上传文件,而无需额外的数据,它工作正常,但是当我添加表单数据,我得到这个例外。我试图改变标题,内容类型,但没有运气。我也试过从其他问题中读到的东西,但没有使用angular-file-upload。

回答

0

onBeforeUploadItem代码试试这个 -

vm.fileUploader.onBeforeUploadItem = function (item) { 
    item.formData.push({ folder: vm.folderName }); 
} 
+0

没有,同样的异常。我认为这是如何angular-file-upload创建这种类型的请求。我总是得到控制器中的folderName数据,但无法读取文件流 – vpetrovic

+0

我不明白.net代码,但我认为你在服务器端出错了。请搜索 - “在asp.net中的http post上获取正文”,这可能会对您有所帮助。 –