新しい Web サイト用の簡単なファイル アップロード ソリューションを入手する必要があります。アップロード用の Filepond と、ファイルをローカル ファイル システムに保存するための小さなプログラムを実行しようとしています。
新しい Ubuntu LTS 18 マシンで次のコードを実行しました。
https://codeunshackled.com/2018/11/03/React-File-Uploader-With-Node-Express/
Filepond はエラーの詳細を提供せず、「アップロード中にエラーが発生しました」というメッセージを表示します。onerror イベントを使用してみましたがconsole.log
、トリガーされないようです。サーバーとフロントエンドは両方とも、異なるポートの同じ Linux ボックスにあります。
vagrant を介して、いわゆるPHP Boilterplateを使用する代替サーバー メソッドがあります。そこで vm は起動せず、小さなファイルのアップロード ソリューションとしては扱いにくいように見えます。
次の Nodejs コードを使用して、ファイルをアップロードして保存することに成功しました。ただし、Filepond をこのサーバーに向けようとすると、「アップロード中にエラーが発生しました」という同じあいまいなメッセージが表示されます。
var http = require('http');
var formidable = require('formidable');
var fs = require('fs');
http.createServer(function (req, res) {
if (req.url == '/fileupload') {
var form = new formidable.IncomingForm();
form.parse(req, function (err, fields, files) {
var oldpath = files.filetoupload.path;
var newpath = 'C:/Users/Your Name/' + files.filetoupload.name;
fs.rename(oldpath, newpath, function (err) {
if (err) throw err;
res.write('File uploaded and moved!');
res.end();
});
});
} else {
res.writeHead(200, {'Content-Type': 'text/html'});
res.write('<form action="fileupload" method="post" enctype="multipart/form-data">');
res.write('<input type="file" name="filetoupload"><br>');
res.write('<input type="submit">');
res.write('</form>');
return res.end();
}
}).listen(8080);