Question

我正在使用Multer保存通过表单上传的文件，但是我不知道为什么我的代码将其另存为一个怪异的名字并且没有扩展名，而我只是使用了文档中的代码。

server.js:

const multer  = require('multer');
const app = express();
var upload = multer({ dest: 'uploads/' })

app.post('/file', upload.single('filesToAttach'), function (req, res, next) {
    console.log(req.file);
    loadUserPage(req, res);
})

userPage.ejs:

<form action="/file" method="post" enctype="multipart/form-data">
    <div id="frm-attachments">
        <div>
            <h3>Attachments</h3>
            <div>
                <input type="file" id="attachFiles" name="filesToAttach" />
                <input type="submit" value="Attach">
            </div>
            <div id="frm-attach-files">
                Attached files
                <div>
                    <textarea id="field-attached-files" class="large-textbox" name="attached-files" spellcheck="true" rows="10" cols="50" tabindex="4" disabled="true"></textarea>
                </div>
            </div>
        </div>
    </div>
</form>

当我单击“提交”按钮时，文件夹uploads中将出现一个新文件，该文件应具有与我在表单中上载的文件相同的名称和扩展名，但它具有以下名称：

如果我尝试打印出（req.file），我会看到：

为什么会这样？我什至不明白为什么他们在文档中写错了代码...

Answer 1

您可以在外部进行设置，

尝试一下

const multer  = require('multer');
const app = express();
var storage = multer.diskStorage({
  destination: 'uploads/',
  filename: function(req, file, callback) {
    callback(null, file.originalname);
  }
});
var upload = multer({ storage: storage })

app.post('/file', upload.single('filesToAttach'), function (req, res, next) {
    console.log(req.file);
    loadUserPage(req, res);
})

Answer 2

您应该命名一个唯一的名称来保存文件“生成随机字符串”，并将其与文件的模仿类型结合起来。如您所见，req.file中已经存在mimetype

function getFileExtension(mimeType){
if ( mimeType=== 'image/png') {
    return '.png';
}
else if ( mimeType=== 'image/jpg') {
    return '.jpg';
}
else if ( mimeType=== 'image/gif') {
    return '.gif';
}
else {
    return '.jpeg';
}
}

如果您正在处理图像，这是一个实用程序函数，将req.mimetype传递给此函数，并将其返回值连接到生成的名称

Multer是否将文件保存为相同名称且没有扩展名？

2 个答案: