首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用node.js上传文件,获取多个文件

使用node.js上传文件,获取多个文件
EN

Stack Overflow用户
提问于 2015-09-26 07:38:25
回答 1查看 2.8K关注 0票数 3

为了用node.js上传单个文件,我有以下代码,使用express和multer:

代码语言:javascript
复制
var express = require("express");
var app = express();
var fs = require("fs");
var multer  = require('multer');
var upload = multer({ dest: 'uploads/' });

// Process upload file
app.post('/file_upload', upload.single('single-file'), function(request, response) {

    var fileName = request.file.originalname;
    var filePath = request.file.path;
    var file = __dirname + "/uploads/" +  fileName;

    fs.readFile(filePath, function(err, data) {
        fs.writeFile(file, data, function(err) {
            if (err) {
                console.log(err);
            } else {
                responseData = {
                    'message' : 'File uploaded successfully',
                    'fileName' : fileName
                };
            }

            response.end(JSON.stringify(responseData));
        })
    });
});

以下是HTML文件:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
    <head>
        <title>File Uploading Form</title>
    </head>
    <body>
        <h3>File Upload:</h3>
        Select a file to upload: <br />
        <form action="http://localhost:8081/file_upload" method="POST" 
      enctype="multipart/form-data">
            <input type="file" name="single-file" size="50" />
            <br />
            <input type="submit" value="Upload File" />
        </form>
    </body>
</html>

在运行代码之后,我能够上传文件。但问题是,每次我都会把两个文件上传到我的“上传”文件夹中。一个文件具有原始名称,另一个文件名奇怪,比如2787ab2db292d90bd2da83a6a6ce1700。

这正常吗?上传时如何处理其他文件?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-09-26 08:52:41

问题是,您正在从已经上传的文件中创建新文件。

因此,解决方案是用临时名称将上传的文件重命名为原始名称:

代码语言:javascript
复制
var express = require("express");
var app = express();
var fs = require("fs");
var multer  = require('multer');
var uploadsFolder = __dirname + '/uploads/';  // defining real upload path
var upload = multer({ dest: uploadsFolder }); // setting path for multer

// Process upload file
app.post('/file_upload', upload.single('single-file'), function(request, response) {

    var fileName = request.file.originalname; // original file name
    var file = request.file.path; // real file path with temporary name

    // renaming real file to it's original name
    fs.rename(file, uploadsFolder + fileName, function (err) {
      if (err) {
        console.log(err);
        response.json({success:false, message: err});
        return;
      }

      response.json({success:true, message: 'File uploaded successfully', fileName: fileName});
    });
});

或让穆特上传到临时文件夹,然后复制或移动到上载文件夹:

额外安装fs:

代码语言:javascript
复制
npm install --save fs.extra

代码语言:javascript
复制
var express = require("express");
var app = express();
var fs = require('fs.extra'); // extra functionality
var multer  = require('multer');
var uploadsFolder = __dirname + '/uploads/';  // defining real upload path
var tempFolder = __dirname + '/tmp/'; // folder for temporary files, must exist
var upload = multer({ dest: tempFolder }); // setting path for multer

// Process upload file
app.post('/file_upload', upload.single('single-file'), function(request, response) {

    var fileName = request.file.originalname; // original file name
    var file = request.file.path; // real file path with temporary name

    // renaming real file to it's original name
    fs.move(file, uploadsFolder + fileName, function (err) {
      if (err) {
        console.log(err);
        response.json({success:false, message: err});
        return;
      }

      response.json({success:true, message: 'File uploaded successfully', fileName: fileName});
    });
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32794817

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档