Question

我需要为新网站获得一个简单的文件上传解决方案。我正在尝试Filepond进行上传，并尝试使用一个小程序将文件保存到本地文件系统。

我在一台新的Ubuntu LTS 18机器上浏览了以下代码。

https://codeunshackled.com/2018/11/03/React-File-Uploader-With-Node-Express/

Filepond不提供任何错误详细信息，并显示消息“上载期间出错”。我尝试使用onerror事件，但是console.log似乎没有被触发。服务器和前端都在同一Linux机器上的不同端口上。

还有另一种服务器方法，通过流浪汉使用所谓的PHP Boilterplate。那里的vm无法启动，对于小型文件上传解决方案来说，它看起来太麻烦了。

我已成功使用以下Node.js代码上传文件并保存。但是，如果我尝试将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);

Answer 1

感谢您的帮助，@ Rik。使用Chrome调试工具，我可以看到端口号错误。尽管我给了Filepond正确的端口号，但它仍在尝试通过默认端口3000连接到服务器。

Filepond无法在本地保存文件

1 个答案: