multer 相关问题

前端 React.js 中的表单。常量handleUpload = (e) => { setFormvalue({ ...formvalue, receiveImages: e.target.files[0] }); }; const 提交数据 = () => { console.log(表单值); ...

javascript node.js reactjs express multer

回答 1 投票 0

Node Multer 设置文件名时的错误处理

我已将 multer 配置为使用表单数据中的自定义字段来保存上传的文件名。但是，如果请求中不存在该数据，我的应用程序将引发错误并崩溃。参考 multer d...

node.js express multer

回答 1 投票 0

使用 multer 和 ajaxSubmit 上传文件

上传似乎卡在第一条消息“文件正在上传...”上。我以前可以使用它，但即使恢复到以前的代码，它仍然无法使用。我找不到什么是...

javascript node.js ajax multer

回答 1 投票 0

如何使用nodejs和react将blob上传到服务器

我已经录制了一个文件。现在，我将录制的文件作为 blob 获取，并想将其上传到服务器，但每当我发出请求时，都会收到 400 错误请求。如果我能得到帮助，我将非常感激这里...

javascript node.js reactjs axios multer

回答 1 投票 0

express 服务器中未定义 multer 文件

这是我的 axios post 请求。等待 axios 。邮政（状态===“注册” ？ “api/v1/publicUsers/注册” ：“api/v1/publicUsers/登录”，表单数据， ...

javascript node.js reactjs axios multer

回答 2 投票 0

使用nodeJs的“MulterError：意外字段”

我试图将图像保存在 sql 数据库中，但它给了我 MulterError: Unexpected field ，我对其他情况做了同样的事情，并且它有效......所以我不知道。帮助！！我试图将图像保存在 sql 数据库中，但它给了我MulterError: Unexpected field，我对其他情况做了同样的事情并且它有效......所以我不知道。帮助！！ <label id="divisionIdLabel" for="divisionIdInput">Division Name:</label> <input type="text" id="divisionIdInput" name="divisionId" aria-labelledby="divisionIdLabel"> <label id="imageLabel" for="imageInput">Image:</label> <input type="file" id="imageInput" name="image" aria-labelledby="imageLabel"> let forms = document.querySelectorAll('form'); let divisionIdInput = form.querySelector('#divisionIdInput'); let imageInput = form.querySelector('#imageInput'); formData.append('image', imageInput.files[0], imageInput.files[0].name); const divisionId = divisionIdInput.value; fetch(`/divisionData/${divisionId}`, { method: 'POST', body: formData, }) .then(response => { if (!response.ok) throw new Error('Error inserting data'); return response.text(); // Read the response as text }) .then(responseText => { console.log('Response from server:', responseText); }) .catch(error => { console.error('Error:', error); }); app.post('/divisionData/:divisionId', upload.single('image'), (req, res) => { const image = req.file.buffer; const contentType = req.file.mimetype; const { divisionId } = req.body; // Check if any of the values are null if (divisionId === undefined || image === undefined) { res.send('All fields must have values.'); return; } const insert_user_query = "INSERT INTO divisions (divisionId, image, contentType) VALUES (?, ?, ?)"; const values = [divisionId, image, contentType]; conn.query(insert_user_query, values, (err, result) => { if (err) { console.error("Database error:", err); return res.json({ error: "Failed while inserting data into database! Try to send files again." }); } return res.json({ success: true }); }); }); 我不明白为什么它会在客户端控制台中显示： POST http://localhost:8081/divisionData/(the divisionId that I inserted) 500 (Internal Server Error)Error: Error: Error inserting data at homeSettings.js:31:37 在服务器控制台中： MulterError: Unexpected field 我认为您需要向 Content-type 添加一个 'multipart/form-data' 标头，您还应该将图像文件附加为 'file' 而不是 'image'，以便您的文件应像这样编辑： let forms = document.querySelectorAll('form'); let divisionIdInput = form.querySelector('#divisionIdInput'); let imageInput = form.querySelector('#imageInput'); formData.append('file', imageInput.files[0], imageInput.files[0].name); const divisionId = divisionIdInput.value; fetch(`/divisionData/${divisionId}`, { method: 'POST', headers: { 'Content-Type': 'multipart/form-data', }, body: formData, }) .then(response => { if (!response.ok) throw new Error('Error inserting data'); return response.text(); // Read the response as text }) .then(responseText => { console.log('Response from server:', responseText); }) .catch(error => { console.error('Error:', error); }); 你还应该将你的express函数包装在try-catch范围内，以发现后端的问题： app.post('/divisionData/:divisionId', upload.single('image'), (req, res) => { try{ const image = req.file.buffer; const contentType = req.file.mimetype; const { divisionId } = req.body; // Check if any of the values are null if (divisionId === undefined || image === undefined) { res.send('All fields must have values.'); return; } const insert_user_query = "INSERT INTO divisions (divisionId, image, contentType) VALUES (?, ?, ?)"; const values = [divisionId, image, contentType]; conn.query(insert_user_query, values, (err, result) => { if (err) { console.error("Database error:", err); return res.json({ error: "Failed while inserting data into database! Try to send files again." }); } return res.json({ success: true }); }); }catch(err){ return res.status(500).json({ error: `Internal Server Error ${err}` }); } });

javascript node.js express multer

回答 1 投票 0

类型错误：无法读取未定义的属性（读取“文件名”）

我是 multer npm 包的新手。我构建了一个带有几个文本输入字段和文件上传字段的表单。当我输入所有字段并提交时，数据被保存并上传文件，一切正常。但是

javascript node.js reactjs mongodb multer

回答 1 投票 0

multer 相关问题

最新问题