7

私は、iOS 6 で XMLHttpRequest POST を使用して画像をアップロードできるように取り組んでいます。これはデスクトップおよび Android の Web ブラウザーで動作しますが、iOS 6 では、投稿先のページで「Request Body Stream Exhausted」というエラーが発生します。(Safari Web インスペクターで 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 認証が有効になっている場合にのみ発生します。フォームまたは匿名認証を使用すると、アップロードは正常に機能します。

ありがとう、

ジョン

4

3 に答える 3

5

iOS 6 では、Safari はファイルを含む最初の投稿でファイルを送信します。これは、ファイル ストリームが最後、つまり「使い果たされた」ことを意味します。

ただし、NTLM では、応答として 401 チャレンジが返され、認証情報を含む投稿を再送信する必要があります。ファイル ストリームがリセットされないため、2 回目の投稿でファイルを再度送信することはできません。これは 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
于 2012-10-11T18:25:18.610 に答える
0

iOS 7 と iOS 8 で、独自に定義した HTTP Authenticate Head を設定しないことで問題を解決しました。また、チャレンジがデリゲートによって処理された後、リクエストには「Authenticate: NTLMxxx automatically」ヘッダーが自動的に含まれます。Put と POST は再び機能します。

于 2014-12-24T06:52:14.060 に答える
0

このエラーはIOSに発生しますが、ファイルを追加するフォームデータのコード行を変更するなど、別のアプローチを使用できます

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,', '');      

}
于 2016-12-23T06:31:10.343 に答える