0

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

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

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

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

有一种替代服务器方法使用所谓的PHP Boilterplate via vagrant。那里的虚拟机无法启动,对于小文件上传解决方案来说看起来太麻烦了。

我已成功使用以下 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);
4

1 回答 1

0

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

于 2019-02-21T04:07:36.643 回答