REST ApiとHTML5ファイルスライスを使用して、大きなファイル(1.5GB)をAmazonS3にアップロードしようとしています。アップロードコードは次のようになります(読みやすくするためにコードを削除)。
File.prototype.slice = File.prototype.webkitSlice || File.prototype.mozSlice || File.prototype.slice;
var length = u.settings.chunk_size; // 6MB
var start = chunk * length;
var end = Math.min(start + length, u.file.size);
var xhr = new XMLHttpRequest();
var path = "/" + u.settings.key;
path += "?partNumber=" + chunk + "&uploadId=" + u.upload_id;
var method = "PUT";
var authorization = "AWS " + u.settings.access_key + ":" + signature;
var blob = u.file.slice(start, end);
xhr.upload.addEventListener("progress", progress_handler, true);
xhr.addEventListener("readystatechange", handler, true);
xhr.addEventListener("error", error_handler, true);
xhr.addEventListener("timeout", error_handler, true);
xhr.open(method, u.settings.host + path, true);
xhr.setRequestHeader("x-amz-date", date);
xhr.setRequestHeader("Authorization", authorization);
xhr.setRequestHeader("Content-Type", u.settings.content_type);
xhr.setRequestHeader("Content-Disposition", "attachment; filename=" + u.file.name);
xhr.send(blob);
chunk_size
6MBです。チャンクのアップロードが完了すると、次のチャンクが続きます。ただし、場合によっては(80チャンクごと)、PUT
リクエストが失敗し、、e.type == "error"
(e.target.status == 0
これは私を驚かせます)、およびe.target.responseText == ""
。チャンクが失敗した後、コードはそれをアップロードしようと再試行し、まったく同じエラーを受け取ります。ページを更新してアップロードを続行すると(同じチャンク!)、チャームのように機能します(80チャンク程度の場合、再びスタックすると)。Chrome開発ツールでリクエストがどのように表示されるかを次に示します。
なぜこれが起こるのか、またはこのようなものをデバッグする方法はありますか?
編集:これがOPTIONS
応答です: