微信小程序图片上传到后端node
时间: 2023-09-15 17:19:00 浏览: 124
.js服务器,可以使用微信小程序的wx.uploadFile()方法将图片上传到后端服务器。具体步骤如下:
1. 在小程序中选择图片,使用wx.chooseImage()方法获取图片路径,并将图片上传到服务器:
```
wx.chooseImage({
count: 1,
success: function (res) {
var tempFilePaths = res.tempFilePaths;
wx.uploadFile({
url: 'http://localhost:3000/upload',
filePath: tempFilePaths[0],
name: 'file',
success: function (res) {
console.log(res.data);
}
})
}
})
```
2. 在后端服务器中,使用multer中间件处理上传的图片,并将图片保存到指定路径中:
```
const express = require('express');
const multer = require('multer');
const path = require('path');
const app = express();
const upload = multer({ dest: 'uploads/' });
app.post('/upload', upload.single('file'), function (req, res) {
console.log(req.file);
res.send(req.file.filename);
})
app.listen(3000, function () {
console.log('Server is listening on port 3000');
})
```
注意:在使用multer中间件时,需要指定文件保存的路径,这里指定为'uploads/',需要先创建该文件夹。上传成功后,会返回上传的图片的文件名,可以在前端页面中显示该图片。
阅读全文