我正在尝试使用 Javascript SDK 在 AWS 中实现分段上传。我的理解是，首先我必须创建一个发起请求，然后上传各个部分，然后给出一个完整的请求。我能够成功创建请求并上传文件的第一部分，但是当我尝试上传第二部分时，我总是收到以下错误:
{ "message": "Network Failure", "code": "NetworkingError", "time": "2016-11-04T08:55:46.056Z", "region": "us-east-1", "hostname": "bucketname.s3.amazonaws.com", "retryable": true }, NetworkingError: Network Failure at XMLHttpRequest. (https://sdk.amazonaws.com/js/aws-sdk-2.6.15.min.js:34:12349)
我已经为其实现了以下代码:
<head>
<title>JavaScript SDK AWS</title>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.6.15.min.js"></script>
</head>
<body>
<iframe id="myFrame" style="display:none"></iframe>
<!-- UPLOADING AN OBJECT INTO S3 -->
<input type="file" multiple id="file-chooser" /> <!-- file chooser to upload a file -->
<!--<input type="file" multiple id="file-chooser" /> --><!-- multiple file chooser to upload a file -->
<button id="initiate-request-button">Initiate request</button> <!-- button to create request for multiupload to s3 -->
<button id="upload-parts-button">Upload Part1 to S3</button> <!-- button to upload parts to s3 -->
<button id="upload-parts-button1">Upload Part2 to S3</button> <!-- button to upload parts to s3 -->
<button id="complete-parts-request-button">Complete multi part request </button> <!-- button to complete upload request to s3 -->
<div id="tempresults"></div>
<div id="tempresultsid"></div>
<div id="results"></div>
<script type="text/javascript">
//USE THE HTTPGET FUNCTION HERE TO GET CREDENTIALS INSTEAD OF HARDCODING.
var openIDToken = '{"AccessKeyId":access_key_id,"SecretAccessKey":secret_access_key}';
//PARSE THE JSON OBJECT TO GET CREDENTIALS.
obj = JSON.parse(openIDToken);
var AccessKeyId = obj.AccessKeyId; //Get AccessID
var SecretAccessKey = obj.SecretAccessKey; //Get secret key for the user
//set region to Whichever region is being used.
AWS.config.region = 'us-east-1';
//set credentials to AWS
AWS.config.update({accessKeyId: AccessKeyId,
secretAccessKey: SecretAccessKey
});
var s3BucketName = 'bucketname';
var results = document.getElementById('results'); //get the results field.
var tempresults = document.getElementById('tempresults'); //get the results field.
var tempresultsid = document.getElementById('tempresultsid'); //get the results field.
results.innerHTML = ''; //set results to '' before trying anything.
var s3 = new AWS.S3({ params: {Bucket: s3BucketName} , httpOptions: {timeout: 20000000}});
var fileChooser = document.getElementById('file-chooser'); //get the filechooser.
var uploadID= ''; //for uploadid of initial request
var initiaterequestbutton = document.getElementById('initiate-request-button'); //get the upload button
initiaterequestbutton.addEventListener('click', function() //add a event listener to the click button
{
var file = fileChooser.files[0];
results.innerHTML = ''; //set results to '' before trying anything.
tempresults.innerHTML = ''; //set results to '' before trying anything.
var params = {
Bucket: s3BucketName, /* required */
Key: file.name
};
s3.createMultipartUpload(params, function(err, data) {
if (err) {
results.innerHTML = JSON.stringify(err, null, 4)+', '+err.stack;
} else {
uploadID = JSON.stringify(data.UploadId, null, 4);
tempresults.innerHTML = fileChooser.files[0];
uploadID = uploadID.substring(1,uploadID.length-1);
// results.innerHTML = uploadID.substring(1,uploadID.length-1);
}
});
}, false);
var uploadpartsbutton = document.getElementById('upload-parts-button'); //get the upload button
uploadpartsbutton.addEventListener('click', function() //add a event listener to the click button
{
var file = fileChooser.files[0];
var params = {
Bucket: s3BucketName, /* required */
Key: file.name, /* required */
PartNumber: 1, /* required */
UploadId: uploadID, /* required */
Body: file
};
var tempresultsid = document.getElementById('tempresultsid'); //get the results field.
tempresultsid.innerHTML = uploadID;
s3.uploadPart(params, function(err, data) {
if (err) {
results.innerHTML += "**"+JSON.stringify(err, null, 4)+', '+err.stack;
} else {
results.innerHTML += "**"+JSON.stringify(data, null, 4);
}
});
}, false);
var uploadpartsbutton1 = document.getElementById('upload-parts-button1'); //get the upload button
uploadpartsbutton1.addEventListener('click', function() //add a event listener to the click button
{
var file = fileChooser.files[0];
var params = {
Bucket: s3BucketName, /* required */
Key: file.name, /* required */
PartNumber: 2, /* required */
UploadId: uploadID, /* required */
Body: file
};
var tempresultsid = document.getElementById('tempresultsid'); //get the results field.
tempresultsid.innerHTML = uploadID;
s3.uploadPart(params, function(err, data) {
if (err) {
results.innerHTML += "**"+JSON.stringify(err, null, 4)+', '+err.stack;
} else {
results.innerHTML += "**"+JSON.stringify(data, null, 4);
}
});
}, false);
</script>
</body>
</html>
可以看出，第二个文件上传部分与第一个艺术作品上传部分完全相同，只是部分编号不同。
我按以下方式运行代码:
- 我首先使用文件选择器选择要上传的第一部分。
- 然后我使用“发起请求”按钮发起请求。 代码运行良好并为我提供了所需的 uploadid。
- 然后我按“将第 1 部分上传到 S3”来上传已在文件选择器中选择的第 1 部分。此代码也运行良好并返回我的 etag。
我在同一文件选择器中选择第二部分，然后按“将第 2 部分上传到 S3”。这是我收到错误的地方。 即使在浏览器控制台的网络选项卡中，它也会显示错误:
net::ERR_CONNECTION_RESET
我不明白为什么会发生这种情况，因为相同的代码对第一个文件(up.zip)工作正常，然后对第二个文件失败。附上浏览器控制台的屏幕截图。
最佳答案
问题已解决。所有部分都需要具有相同的文件名，至少这解决了我的这个问题。
关于javascript - 适用于 Javascript 的 AWS uploadpart 函数中的 XMLHttpRequest 出现网络故障，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40418972/