【问题标题】:Resumable.js can't save file to server side directoryResumable.js 无法将文件保存到服务器端目录
【发布时间】:2016-01-22 03:43:07
【问题描述】:

我在我的 Node.js-express 应用程序中使用 Resumable.js。我可以知道文件传输成功了,因为我可以 console.log(req.body) 并在下面看到这个......

{ resumableChunkNumber: '77',
  resumableChunkSize: '1048576',
  resumableCurrentChunkSize: '1064195',
  resumableTotalSize: '80755971',
  resumableType: '',
  resumableIdentifier: '80755971-humanfastq',
  resumableFilename: 'human.fastq',
  resumableRelativePath: 'human.fastq',
  resumableTotalChunks: '77' }

文档对于在此之后的操作相当模糊。我需要将此文件保存到我服务器上的目录中。任何有关如何完成此操作的帮助将不胜感激。谢谢!

【问题讨论】:

  • 任何 github 示例都会很棒..
  • 好的,文件本身位于'req.files.file'中......所以我有一个javascript变量,它是一个文件.. var file = req.files.file; ....如何将此变量作为文件保存到服务器上的特定目录?
  • 我想出了如何使用 'fs' 将 .txt 文件写入服务器。所以我可以将文件写入服务器。我可以 console.log() 关于文件的数据。但无法弄清楚我必须将什么对象传递给 fs.writeFile(filename,file,callback) 这实际上是文件......现在它只是保存 [object object]

标签: javascript node.js file save transfer


【解决方案1】:

不是专家,但我确实尝试了一下,并找到了一个适合您的示例。您在问题中没有提供足够的信息,所以我将从头开始。

我遵循官方github repo 和提供的示例,我必须进行一些调整才能将文件块保存在特定目录中,然后进行更多调整以将这些块缝合在一起,并进行更多调整以删除之后不必要的块。显然,所有这些调整都是代码中提供的提示,以及我浏览过的其他地方。显然flow.js 也在使用类似的机制(不完全确定)。

我基本上需要更改其中一个示例中的app.js,以便能够从浏览器上传文件,然后将它们保存在本地。

  1. 将目录位置传递给可恢复的文件块应该添加的位置
  2. 提供必要的条件和命令,以便在上传块时创建写入流,然后使用可恢复将块拼接在一起并将它们保存为原始文件。
  3. 最后删除所有的chunk

使用gist 使 express-app 工作的说明(您可以查看官方 github 示例并进行更改,或者您可以按照以下说明进行操作):

  1. 创建目录
  2. 从目录中的 gist 创建 app.js、resumable.js 和 resumable-node.js
  3. 复制/粘贴package.json 并执行npm install 以获取模块(或手动npm install 这些expresspathfsconnect-multiparty
  4. 在应用主目录中创建uploads目录并确保它是可写的
  5. here 复制/粘贴public 目录,其中包含.png 文件形式的icons 以及用于上传的style.cssindex.html
  6. 更改您刚刚复制到您的服务器地址的公共目录中 index.html 的 4950 行中的 target 值,在我的情况下为 http://localhost:3000/upload
  7. 您可以在 index.html 中调整块大小、同时上传块的数量等,但我将它们保留为默认值(实际上,我将块从 3 更改为 4)
  8. 完成以上所有操作,您就可以开始了。
  9. 运行应用程序,即 nodemon app.js 或 node app.js
  10. 导航到您的服务器地址或http://localhost:3000/upload,您将看到如下所示的 index.html:

下面的控制台日志(注意结尾 - 块已删除。)

最后我在上传目录中有image2.jpg

TL;DR

您需要对 app.js 和 index.html 文件进行以下调整,以便能够通过 Resumable.js 上传和保存上传的文件。

index.html 已被调整以更改目标值,以在我的情况下将其指向服务器 url http://localhost:3000/upload

var r = new Resumable({
  target:'http://localhost:3000/upload',
  chunkSize:1*1024*1024,
  simultaneousUploads:4,
  testChunks:false,
  throttleProgressCallbacks:1
});

app.js 已被调整为向resumable 发送一个保存文件的目录(最上面)。

var resumable = require('./resumable-node.js')(__dirname + "/uploads");

我还调整了 app.js 以更改 app.post('/uploads',...) 的内容,请参阅 gist

// Handle uploads through Resumable.js
app.post('/upload', function(req, res){
  resumable.post(req, function(status, filename, original_filename, identifier){
    if (status === 'done') {
      var stream = fs.createWriteStream('./uploads/' + filename);

      //stich the chunks
      resumable.write(identifier, stream);
      stream.on('data', function(data){});
      stream.on('end', function(){});

      //delete chunks
      resumable.clean(identifier);
    }
    res.send(status, {
        // NOTE: Uncomment this funciton to enable cross-domain request.
        //'Access-Control-Allow-Origin': '*'
    });
  });
});

最后对 app.js 的调整是在最后一个路由处理程序,以下文件

s.createReadStream("./resumable.js").pipe(res);

我将文件 resumable.js 移动到与其他文件相同的目录中,因此我需要调整更改它的位置,以便 createReadStream 找到它。

【讨论】:

    【解决方案2】:

    我没有使用 Resumable.js,而是使用了类似的东西,这是我在 Nodejs/express 服务器中的操作方式。您还可以在此处查看更多服务器代码:https://github.com/MichaelLeeHobbs/roboMiner/tree/master/server/api/world 但是请记住,它并不完整并且是实验性的。下面的代码只是一个简单的例子。

        import move from '../../libraries/fsMove.js';
    
        export function create(req, res) {
          var file = req.files.file;
          console.log(file.name);
          console.log(file.type);
          console.log(file.path);
          console.log(__dirname);
          move(file.path, __dirname + '/../../uploads/worlds/' + file.originalFilename, function(err){
            if (err) {
              console.log(err);
              handleError(res)(err);
              return;
            }
            World.createAsync(req.body)
              .then(responseWithResult(res, 201))
              .catch(handleError(res));
          });
        }
    
        // fsMove.js
        // http://stackoverflow.com/questions/8579055/how-i-move-files-on-node-js/29105404#29105404
        var fs = require('fs');
    
        module.exports = function move (oldPath, newPath, callback) {
          fs.rename(oldPath, newPath, function (err) {
            if (err) {
              if (err.code === 'EXDEV') {
                copy();
              } else {
                callback(err);
              }
              return;
            }
            callback();
          });
    
          function copy () {
            var readStream = fs.createReadStream(oldPath);
            var writeStream = fs.createWriteStream(newPath);
    
            readStream.on('error', callback);
            writeStream.on('error', callback);
            readStream.on('close', function () {
    
              fs.unlink(oldPath, callback);
            });
    
            readStream.pipe(writeStream);
    
          }
        }; 
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-23
      • 1970-01-01
      • 1970-01-01
      • 2013-04-24
      • 2016-01-28
      • 1970-01-01
      相关资源
      最近更新 更多