前提・実現したいこと
Node.jsで画像をサーバーアップロードして表示するというちょっとしたWebアプリケーションを作ろうとしています。
まずは画像をアップロードするところを作ろうと思い下記のサイトを参考にして作成しました。
しかし、アップロードされた画像が表示できない形式になってしまっているため、どうしたら表示できる形式で出力できるのか教えていただきたいです。
発生している問題
Fiddlerを用いてJEPG画像をPOSTしたところ、サーバー側で受信し、JPEG形式のファイルを出力させることができました。
しかし、いざJPEG画像を開くと「サポートされていない」とでてしまい、ファイル自体は0KBでもないのですが、開くことができません。
Textに出力させたところ沢山の文字列が入ってたため何かしら出力されているものと思いますが、なぜ表示できないのかわかりません。
該当のソースコード
Node.js
'use strict';
const fs = require('fs');
const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;
app.get('/', (req, res) => res.send('POSTでアップロードしてください。'));
app.post('/', (req, res) => {
let buffers = [];
let cnt = 0;
req.on('data', (chunk) => {
buffers.push(chunk);
console.log(++cnt);
});
req.on('end', () => {
console.log(`[done] Image upload`);
req.rawBody = Buffer.concat(buffers);
//書き込み
fs.writeFile('./img.jpg', req.rawBody, 'utf-8',(err) => {
if(err) return;
console.log(`[done] Image save`);
});
});
});
app.listen(PORT);
試したこと
様々なJEPG画像で試しましたが、出力されるファイルのKBが変わるため送信はできていると思います。
補足情報(FW/ツールのバージョンなど)
環境は
Windows 10
Node.js v6.11.5
Powershell
を使用しています。
他にも画像をアップロードする方法をご存知でしたらご教授願いたいです。
また、そもそも画像をアップロード自体、Node.jsではしない等あれば、Webアプリケーションでは通常どのような手法が用いられるのかも教えていただきたいです。