目的
フォームから画像やファイルをクラウド上(今回はS3)にアップロードするため
背景
最近Nodeを触っていて、ググっても色々情報はあるものの、フォームからS3に上げるどうこうっていうのはまとまってなかったので。
前提条件
・AWS
・S3
・環境変数、aws-sdk, multer, multer-s3をインストールしておくこと
上記のセットアップが終わっていること。
コード
node.js
varexpress=require('express');varrouter=express.Router();varpath=require('path');varAWS=require('aws-sdk');varmulter=require('multer');varmulterS3=require('multer-s3');consts3=newAWS.S3({accessKeyId:process.env.AWS_S3_ACCESS_KEY_ID,secretAccessKey:process.env.AWS_S3_SECRET_KEY,Bucket:'自分のバケット'});constprofileImgUpload=multer({storage:multerS3({s3:s3,bucket:'自分のバケット',metadata:function(req,file,cb){cb(null,{fieldName:file.fieldname});},key:function(req,file,cb){cb(null,Date.now()+file.originalname);}}),limits:{fileSize:2000000},// In bytes: 2000000 bytes = 2 MBfileFilter:function(req,file,cb){checkFileType(file,cb);}}).single('フォーム上のnameのパラメータ');functioncheckFileType(file,cb){// Allowed extconstfiletypes=/jpeg|jpg|png|gif/;// Check extconstextname=filetypes.test(path.extname(file.originalname).toLowerCase());// Check mimeconstmimetype=filetypes.test(file.mimetype);if(mimetype&&extname){returncb(null,true);}else{cb('Error: Images Only!');}}router.get('/',function(req,res,next){vardata={title:'画像アップロード',};res.render('index',data);});router.post('/profile-img-upload',(req,res,next)=>{profileImgUpload(req,res,(error)=>{if(error){console.log('errors',error);res.json({error:error});}else{// If File not foundif(req.file===undefined){console.log('Error: No File Selected!');res.json('Error: No File Selected');}else{// If SuccessconstimageName=req.file.key;constimageLocation=req.file.location;// Save the file name into database into profile modelres.json({image:imageName,location:imageLocation});}}});});index.pug
form(action='/profile-img-upload', enctype='multipart/form-data', method='post')
h3 プロフィールイメージ
input(type='file', name='profileImage')
input(type='submit', value='登録')
感想
バババッと適当に書いてしまったので、もし質問等あれば、コメントください！
何を思ったのか急に投稿してみようって思ったので、初投稿です。
大した記事でないけれど、次回以降は丁寧に書いて、価値のある記事を書きます