iOS 6（iPhone / iPad）图像上传“使用NTLM / Windows身份验证请求正文流”

Question

我正在努力让iOS 6使用XMLHttpRequest POST来上传图片。这适用于桌面和Android Web浏览器，但对于iOS 6，我在发布到的页面上收到错误：＆＃34; Request Body Stream Exhausted＆＃34;。 （将iOS模拟器与Safari Web Inspector一起使用）。

以下是该页面的基本代码：

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页面有错误＆＃34;请求正文流耗尽＆＃34;。

以下是检查员的屏幕截图：

有什么想法吗？

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

谢谢，

约翰

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 Authenticate Head解决了这个问题。（首先，我们的服务使用Authenticate Head的自定义值）。在代表处理挑战后，请求将自动执行＆＃34; Authenticate：NTLMxxx＆＃34;标头自动。 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,', '');      

}