微信小程序提供了多种方法来上传文档,以下是几种常见的方法:
方法一:使用 `wx.uploadFile()` API
选择文件
使用 `wx.chooseImage()` 或 `wx.chooseMessageFile()` API 选择文件。
`wx.chooseImage` 可以从相册或相机中选择图片,而 `wx.chooseMessageFile` 可以从消息列表中选择文件。
上传文件
调用 `wx.uploadFile()` API,将文件上传到服务器。
需要传入 `url`(服务器接口URL)、`filePath`(本地文件路径)和 `name`(后台接收文件的名称)。
示例代码:
```javascript
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: function (res) {
var tempFilePaths = res.tempFilePaths;
wx.uploadFile({
url: 'https://example.com/upload',
filePath: tempFilePaths,
name: 'file',
success: function (res) {
console.log(res);
},
fail: function () {
console.log('上传失败');
}
});
}
});
```
方法二:使用 `web-view`
配置业务域名
在小程序后台配置业务域名,允许小程序通过 `web-view` 访问外部网页。
编写上传页面
在服务器上编写一个HTML页面,实现文件上传表单。
后端使用PHP或其他服务器端语言接收文件并存储到服务器文件夹,同时将文件名存到数据库。
在小程序中嵌入 `web-view`
在微信小程序中创建一个页面,使用 `web-view` 组件加载上述HTML页面,实现文件上传功能。
示例代码(HTML部分):
```html