javascript - 使用 nodejs 上传 blob
问题描述
我在 nodejs 的帮助下努力将我的 pdf 文件上传到我的服务器。
我的代码:
app.post("/sendFile", function(req, res) {
var stream = fs.createWriteStream(path.join(__dirname, 'public', req.body.name + ".pdf"));
stream.once('open', function () {
stream.write(req.body.file);
stream.end();
});
});
但是,正在上传的文件是Blob
. Nodejs 文档说该.write
函数接受<string> | <Buffer> | <Uint8Array>
作为第一个参数。它也接受Blob
吗?如果不是,我应该使用哪个其他功能将 a 正确上传Blob
到我的服务器?
谢谢你。
编辑:或者我应该Blob
换成别的东西?
解决方案
使用 Express 的 multer 模块很容易做到这一点。我们还将向目录中添加一个测试 .html 文件(客户端 JavaScript)。
要对此进行测试,请运行 node server.js,然后在浏览器中导航到http://localhost:8081 。
服务器.js
const express = require('express');
const multer = require('multer');
const upload = multer();
const fs = require('fs');
var app = express();
app.use(express.static(__dirname));
app.post('/post_pdf/', upload.any(), (req, res) => {
console.log('POST /post_pdf/');
console.log('Files: ', req.files);
fs.writeFile(req.files[0].originalname, req.files[0].buffer, (err) => {
if (err) {
console.log('Error: ', err);
res.status(500).send('An error occurred: ' + err.message);
} else {
res.status(200).send('ok');
}
});
});
app.listen(process.env.PORT || 8081);
索引.html
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
var fileData = null;
function loadFile() {
var preview = document.querySelector('file');
var file = document.querySelector('input[type=file]').files[0];
var reader = new FileReader();
reader.onloadend = function () {
fileData = file;
}
if (file) {
reader.readAsDataURL(file);
}
}
function uploadFile() {
data = new FormData();
data.append('file', fileData);
$.ajax({
url: "/post_pdf/",
type: "POST",
data: data,
enctype: 'multipart/form-data',
processData: false,
contentType: false,
success: function(data) {
document.getElementById("result").innerHTML = 'Result: Upload successful';
},
error: function(e) {
document.getElementById("result").innerHTML = 'Result: Error occurred: ' + e.message;
}
});
}
</script>
</head>
<body>
<input type="file" onchange="loadFile()"><br>
<button onclick="uploadFile()">Upload..</button>
<div id='result'></div>
</body>
</html>
推荐阅读
- laravel - Laravel 关系多对多按外键计数相关数据
- kubernetes - 如何在 Kubernetes 中为 Pod 设置内存限制
- deepsecurity - DS12 上可用于深度安全 API 的代理操作 API 有哪些
- reactjs - 使用 themeContext 反应样式化的组件
- google-sheets - 如何在 arrayformula() 中偏移 importrange()
- python - 从硬件级别生成按键并使用 Python 捕获输出
- sql - 如何根据来自 2 列或更多列的数据匹配一列中的数据
- gemfire - 在我的应用程序中连接到 GemFire 服务器需要很长时间
- java - 我如何识别这个元素
- javascript - 属性或方法“LIVE”未在实例上定义,但在渲染期间被引用