nodejsexpressを使用してファイルをS3バケットにアップロードしています。これは私のコードです:
HTMLここでは、JqueryformDataを使用してファイルをアップロードします
<form id="form" action="" method="post" enctype="multipart/form-data">
<input type="file" name="image" id="image" />
<input class='submit-input' type="submit" value="Submit" />
</form>
<script src="/js/jquery.js"></script>
<script>
$(document).ready(function(e){
$("#form").on('submit', function(e){
e.preventDefault();
$.ajax({
type: 'POST',
url: '/api/upload-image',
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
beforeSend: function(){
$('.submit-input').attr("disabled","disabled");
},
success: function(response){ //console.log(response);
$(".submit-input").removeAttr("disabled");
}
});
});
});
</script>
バックエンドノード
バックエンドでは、multerを使用してファイルを管理し、aws-sdkドキュメントに従ってs3にアップロードします。
var express = require('express');
const router = express.Router();
const AWS = require('aws-sdk');
const fs = require('fs');
//multer
const multer = require('multer')
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, '/tmp/')
},
filename: function (req, file, cb) {
cb(null, file.fieldname + '-' + Date.now())
}
})
const upload = multer({ storage: storage })
router.post('/api/upload-image', upload.single('image'), async (req, res) => {
var file = req.file;
AWS.config.update({
accessKeyId: process.env.AWS_PUBLIC,
secretAccessKey: process.env.AWS_SECRET,
region: process.env.AWS_REGION
});
var re = /(?:\.([^.]+))?$/;
var ext = re.exec(file.originalname)[1]
const uniqueKey = 'testDir/'+uuidv4()+'.'+ext;
var buffer = fs.readFileSync(file.path, null)
let params = {
Bucket: process.env.AWS_S3_BUCKET,
Key: uniqueKey,
Body: buffer,
ContentType: file.mimetype
};
let uploadPromise = await new AWS.S3().putObject(params).promise();
return res.status(201).json({});
});
これはすべてうまく機能し、バックエンドがファイルを受信し、コンソールでこれを印刷でき(名前、mimeタイプ、サイズなどを確認できます)、ファイルはs3バケットにアップロードされます。しかし、ファイルは読み取り不能(おそらく破損している)であり、私はこれを見ることができません。読み取れないファイルのサイズは元のファイルと同じです。(画像ファイルがない場合はすべて正しく見えます)。
パブリックディレクトリからファイルをs3にアップロードしようとしましたが、すべて正常に機能します。したがって、エラーはjqueryのアップロードとバックエンドの取得の間にあると思います。
AWS APIGatewayを通過するmultipart / form-dataを有効にする必要があります。このガイドに従って解決済みhttps://docs.aws.amazon.com/apigateway/latest/developerguide/api-gateway-payload-encodings-configure-with-console.html
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加