uniapp微信小程序前端上传图片代码
时间: 2024-05-31 09:04:53 浏览: 150
上传图片的部分代码uniapp的
UniApp 是一款基于 Vue.js 的跨平台开发框架,可以用来开发多种类型的应用,包括微信小程序。在 UniApp 中,可以使用 `uni.uploadFile` 方法来上传图片。以下是示例代码:
```
uni.chooseImage({
count: 1, // 可以选择上传的图片数量
success: function(res) {
// 选择成功后,将选择的图片上传到服务器
uni.uploadFile({
url: 'http://example.com/upload', // 服务器接口地址
filePath: res.tempFilePaths, // 选择的图片的临时文件路径
name: 'image', // 服务器接收文件的字段名
success: function(res) {
console.log('上传成功', res.data)
},
fail: function(res) {
console.log('上传失败', res)
}
})
}
})
```
以上代码会弹出一个选择图片的窗口,用户可以选择一张或多张图片,然后将选择的图片上传到指定的服务器地址。如果上传成功,则会在控制台输出上传成功信息,否则输出上传失败信息。
阅读全文