Filepond не может сохранить файл локально
Мне нужно получить простое решение для загрузки файлов для нового сайта. Я пытаюсь загрузить Filepond и небольшую программу для сохранения файла в локальной файловой системе.
Я прошел следующий код на новой машине Ubuntu LTS 18.
https://codeunshackled.com/2018/11/03/React-File-Uploader-With-Node-Express/
Filepond не предоставляет подробностей об ошибках, выдавая сообщение "Ошибка при загрузке". Я пытался использовать событие onerror, но console.log
похоже, не срабатывает. Сервер и веб-интерфейс находятся на одном и том же компьютере Linux на разных портах.
Существует альтернативный серверный метод, использующий так называемый PHP Boilterplate через vagrant. Там 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);
1 ответ
Спасибо за помощь, @Rik. Используя инструменты отладки Chrome, я мог видеть, что номер порта был неправильным. Хотя я дал filepond правильный номер порта, он все еще пытался подключиться к серверу через порт по умолчанию 3000.