文件上传
原创...大约 1 分钟
将本地资源上传到服务器,一般分成选文件和上传文件两个步骤;具体实现及参数要根据开发文档来实现:
选择图片:
wx.chooseImage()
选择视频(图片也行):
wx.chooseMedia()
选择非媒体文件(视频和图片也行):
wx.chooseMessageFile()
提示
不同的选择方式会有文件选中数量及选中类型的限制,请合理使用
wx.uploadFile()
实现上传 属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
url | string | 是 | 开发者服务器地址 | |
filePath | string | 是 | 要上传文件资源的路径 (本地路径) | |
name | string | 是 | 文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容 | |
formData | Object | 否 | HTTP 请求中其他额外的 form data | |
timeout | number | 否 | 超时时间,单位为毫秒 | |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
<view bindtap="bindUploadHandle">上传</view>
Page({
bindUploadHandle() {
wx.chooseImage({
success(res) {
const tempFilePaths = res.tempFilePaths;
wx.uploadFile({
url: "http://localhost:3000/api/upload",
filePath: tempFilePaths[0],
name: "file",
formData: {
user: "test",
},
timeout: 50000,
success(res) {
const data = res.data;
console.log(data);
},
fail(err) {
console.log(err);
},
complete() {
console.log("完成");
},
});
},
});
},
});
Powered by Waline v2.15.7