iOS 6（iPhone / iPad）图像上传“请求身体流耗尽”，具有NTLM / Windows身份验证

Question

我正在努力让iOS 6使用XMLHTTPRequest帖子来上传图像。这在桌面和Android Web浏览器上工作，但使用iOS 6我在页面上发布到：“请求身体流耗尽”。（使用带Safari Web Inspector的iOS模拟器）。

这是页面的基本代码：

function fileSelected() {
    var file = document.getElementById('fileToUpload').files[0];
    if (file) {
        var fileSize = 0;
        if (file.size > 1024 * 1024)
            fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
        else
            fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';
        document.getElementById('fileName').innerHTML = 'Name: ' + file.name;
        document.getElementById('fileSize').innerHTML = 'Size: ' + fileSize;
        document.getElementById('fileType').innerHTML = 'Type: ' + file.type;
    }
}
function uploadFile() {
    var fd = new FormData();
    fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]);
    var xhr = new XMLHttpRequest();
    xhr.upload.addEventListener("progress", uploadProgress, false);
    xhr.addEventListener("load", uploadComplete, false);
    xhr.addEventListener("error", uploadFailed, false);
    xhr.addEventListener("abort", uploadCanceled, false);
    xhr.open("POST", "/UploadHandler.ashx");
    xhr.send(fd);
}
function uploadProgress(evt) {
    if (evt.lengthComputable) {
        var percentComplete = Math.round(evt.loaded * 100 / evt.total);
        document.getElementById('progressNumber').innerHTML = percentComplete.toString() + '%';
        document.getElementById('prog').value = percentComplete;
    }
    else {
        document.getElementById('progressNumber').innerHTML = 'unable to compute';
    }
}
function uploadComplete(evt) {
    /* This event is raised when the server send back a response */
    alert(evt.target.responseText);
}
function uploadFailed(evt) {
    alert("There was an error attempting to upload the file.");
}
function uploadCanceled(evt) {
    alert("The upload has been canceled by the user or the browser dropped the connection.");
}

.

在任何其他浏览器上执行此操作时，处理程序正确返回并上传文件。但是，使用iOS ASHX页面的错误“请求体流耗尽”错误。

这里是检查员的屏幕截图：

任何想法？

更新：仅在IIS中启用NTLM / Windows身份验证时才会发生此问题。使用表单或匿名身份验证，上传工作正常。

谢谢，

john

Answer 1

在iOS 6中，safari将文件与初始帖子发送，包括文件。这意味着文件流在最后，或“耗尽”。

但是，使用NTLM，它将获得401个挑战，然后必须使用身份验证信息重新发送帖子。由于它不会重置文件流，因此它无法使用第二个帖子再次发送文件。您可以在IIS日志中看到它。

据我所知，周围没有特别好的方式。我正在改变我的移动应用程序，以便它使用表单身份验证。我将移动应用程序指向同一服务器上的单独登录应用程序，该应用程序设置为使用Windows身份验证。然后，登录应用程序可以使用表单身份验证cookie重定向到主应用程序，并且一切都很好。

您必须在Web.config文件中的两个应用程序上设置机器密钥，以便两者都使用相同的密钥进行加密和验证。

登录应用程序上的代码与

一样简单

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) _ 
Handles Me.Load
    With HttpContext.Current.User.Identity
        If .IsAuthenticated Then
            Dim sUser As String = .Name.ToLower.Trim
            FormsAuthentication.RedirectFromLoginPage(s, False)
        End If
    End With
End Sub

.

Answer 2

我通过在iOS 7和iOS 8上设置自定义HTTP认证头来解决问题。（首先，我们的服务使用身份验证头的自定义值）。在委托处理挑战后，请求将自动具有“验证：NTLMXXX自动”标题。和PUT和POST再次运作。

Answer 3

此错误源自iOS，但您可以使用不同的方法 类似于在追加文件的Formdata中更改您的代码行，您可以在其中附加文件

var fd = new FormData();

fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]);

.

到以下基本上不附加文件控制，而是使用Base64图像数据

var reader = new FileReader();

reader.readAsDataURL(opmlFile.files[0]);

reader.onload = function () {

    var base64DataImg = reader.result;            

    base64DataImg = base64DataImg.replace('data:'imagetype';base64,', '');      

}

.