質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Amazon S3

Amazon S3 (Simple Storage Service)とはアマゾン・ウェブ・サービスが提供するオンラインストレージサービスです。

Q&A

解決済

1回答

524閲覧

Node.jsでAWS S3(amazon S3)を用いてプロジェクトファイルにブラウザからファイルを保存する方法

Azel_T3T

総合スコア117

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Amazon S3

Amazon S3 (Simple Storage Service)とはアマゾン・ウェブ・サービスが提供するオンラインストレージサービスです。

0グッド

0クリップ

投稿2022/04/23 22:05

初めまして。
Node.jsを用いてブラウザからアップロードしたファイルをプロジェクトファイルに保存するウェブアプリケーションの作成をしたいと考えております。
multerとfsを利用し、ローカル環境でのテストは無事成功したのですがHeorkuにアップロードしたところ動きませんでした。
なぜかと調べてみるとどうやらherokuでファイルアップロードするのはよくないようです。(できるけど一時ファイルの作成のみ)
そこでいろいろと調べていたところAWS S3というサービスを利用するといいと聞いたので調べてみたのですが出てくる情報がAWS S3のストレージ(?)にアップロードするというものばかりでした。
どうしてもプロジェクトファイルに保存しなければいけないのですが、AWS S3を用いてやる場合どういう風に作成すればいいのでしょうか。
何か参考になるサイトや方法をご存じの方いましたらご教授お願いいたします。
以下コードです。

app.js(抜粋)

1const storage = multer.diskStorage({ 2 destination: function (req, file, cb) { 3 cb(null, "./tmp") 4 }, 5 filename: function (req, file, cb) { 6 cb(null, file.originalname) 7 } 8}) 9 10const upload = multer({ storage: storage }) 11 12app.use(express.static(path.join(__dirname,))); 13 14app.get('/upload1', (req, res) =>{ 15 res.render('upload1.ejs'); 16}); 17 18app.post('/upload', upload.single('file'), function (req, res, next) { 19 res.send('ファイルのアップロードが完了しました。'); 20 })

upload1.ejs

1<!DOCTYPE html> 2<html lang="ja"></html> 3<head> 4 <meta charset="UTF-8"> 5 <title>Express.js File Upload</title> 6</head> 7<body> 8 <h1>ファイルアップロード</h1> 9 <form action="/upload" method="POST" enctype="multipart/form-data"> 10 <input type="file" name="file"> 11 <button type="submit">送信</button> 12 </form> 13</body> 14</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決しました
ストレージからプロジェクトファイルにダウンロードする必要をなくしました。

投稿2022/04/26 00:35

Azel_T3T

総合スコア117

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問