Question

我有一个关于从AngularJS客户端应用程序上传文件到WCF REST服务的问题。之后，上传的文件应存储在Azure Blob存储中。目前，该实现适用于文本和pdf文件，但我不能使用Image-Files。实际上传后图像和其他类型的数据被损坏。所以我想向您展示本准则的相关部分。在AngularJS应用程序中，我使用HTML5 File-Api来选择文件。之后我使用AngularJS服务，该服务接收文件并执行后请求：

srv.uploadFile = function(id, file){
    return $http.post(DEV_ENV_CONFIG.BASE_SERVER_URL + '/xml' + '/fileUpload/' + file.name + '/' + id, file,
        {withCredentials: true, headers: {'Content-Type': undefined }, transformRequest: angular.identity}).then(function(response){

        });
};

在服务器端，我编写了一个WCF REST服务，它接受Stream：

[OperationContract]
    [WebInvoke(Method = "POST", ResponseFormat = WebMessageFormat.Xml, BodyStyle = WebMessageBodyStyle.Bare, UriTemplate = "xml/fileUpload/{fileName}/{expenseId}")]
    void FileUploadAsXml(string fileName, string expenseId, Stream Args);

之后我首先尝试通过FileStream将文件保存在服务器端文件系统中。正如我上面提到的那样，问题是这种方法适用于PDF文件，但图像以及例如Excel文件已损坏且无法打开。我还将Web.config中的绑定更改为以下内容：

<binding name="http"
             maxBufferSize="2147483647"
             maxBufferPoolSize="2147483647"
             maxReceivedMessageSize="2147483647"
             sendTimeout="00:05:00"
             transferMode="Streamed">
      <readerQuotas  maxDepth="2147483647"
                     maxStringContentLength="2147483647"
                     maxArrayLength="2147483647"
                     maxBytesPerRead="2147483647"
                     maxNameTableCharCount="2147483647"/>

      <security mode="None">
        <transport clientCredentialType="None"/>
      </security>
    </binding>

这样大型文件的传输就可以了。所以我的问题是，为什么图像传输会导致文件损坏。你有什么主意吗？是因为请求的内容类型？

Answer 1

刚看到，我的问题仍然没有答案。对于那些面临同样问题的人，很可能您必须使用Multipart-Parser来获取实际的文件内容。如果通过HTML File-API选择，流还包含元数据，如内容类型，文件名等。

AngularJS + WCF REST文件上传

1 个答案: