微信小程序上传文件代码
时间: 2023-09-29 18:08:31 浏览: 98
上传文件代码
微信小程序上传文件的代码示例如下:
1. 在 WXML 文件中添加 input 组件,用于选择文件:
```
<view>
<input type="file" name="file" bindchange="chooseFile"></input>
</view>
```
2. 在 JS 文件中编写 chooseFile 函数,用于选择文件并上传:
```
chooseFile: function (e) {
var that = this;
wx.chooseMessageFile({
count: 1,
type: 'file',
success: function (res) {
var tempFilePaths = res.tempFiles[0].path;
that.uploadFile(tempFilePaths);
}
})
},
uploadFile: function (filePath) {
var that = this;
wx.uploadFile({
url: '上传文件的接口地址',
filePath: filePath,
name: 'file',
success: function (res) {
console.log(res);
if (res.statusCode == 200) {
wx.showToast({
title: '上传成功',
icon: 'success',
duration: 2000
})
} else {
wx.showToast({
title: '上传失败',
icon: 'none',
duration: 2000
})
}
},
fail: function (res) {
console.log(res);
wx.showToast({
title: '上传失败',
icon: 'none',
duration: 2000
})
}
})
}
```
说明:
- chooseFile 函数使用 wx.chooseMessageFile API 选择文件,并调用 uploadFile 函数上传文件。
- uploadFile 函数使用 wx.uploadFile API 上传文件,其中 url 参数为上传文件的接口地址,filePath 参数为选择的文件路径,name 参数为上传文件的字段名。
- 上传成功后,使用 wx.showToast API 显示上传成功或失败的提示信息。
阅读全文