所以我在将文件直接上传到 S3 时遇到了一些麻烦。目前我的流程是向 nodejs/express 发出请求以获取签名 URL。
app.post('/s3SignedURL', function(req, res){
var id = crypto.randomBytes(20).toString('hex');
var ext = path.extname(req.body.fileName);
var unambFilename = path.basename(req.body.fileName, ext) + '-' + id + ext;
var params = {Bucket: awsBucket, Key: unambFilename, Expires: 30};
var signedUrl = s3.getSignedUrl('putObject', params);
res.send({signedUrl: signedUrl, s3FileName: unambFilename});
});
然后我的角度控制器尝试使用该签名 URL ($scope.uploadDocument()) 直接上传到 s3
flqApp.controller('DocUploadModalCtrl', ['$scope', '$http', 'customProvider', 'custom',
function($scope, $http, customProvider, custom){
$scope.fileTypes =
[
"Type 1",
"Type 2"
]
$scope.setFile = function(element){
$scope.$apply(function($scope){
$scope.currentDocument = element.files[0];
});
}
$scope.uploadDocument = function() {
$http.post('/s3SignedURL', {fileName: $scope.currentDocument.name} )
.success(function(results){
$http.put(results.signedUrl, $scope.currentDocument)
.success(function(){
custom.document = s3FileName;
customProvider.save(custom, function(){
//..do something here
});
});
});
};
}]);
我的 html 表单看起来像
<form ng-submit="uploadDocument()">
<label for="documentType">File Type</label>
<select class="form-control" ng-model="docType" ng-options="type for type in fileTypes" required >
<option value=""/>
</select>
<label for="filename">Choose file to upload</label>
<input type="file"
name="s3File"
onchange="angular.element(this).scope().setFile(this)"
ng-model="fileName"
required />
<input type="submit" value="Upload File">
</form>
但是,每当我尝试上传到 S3 时,我都会收到错误消息
Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin
我知道在亚马逊端为该存储桶正确设置了 S3 CORS,因为我开发了使用相同存储桶进行开发存储的 ruby 应用程序。(当然我用回形针和雾来做这些)。其次,由于我没有亚马逊响应的失败捕获,我不怀疑错误来自那里。但是,它确实来自我尝试将文件放在亚马逊上的那一行。
所以我确定我遗漏了一些东西,但我认为使用签名的 URL 我只需要对那个 url 做一个 put 即可。