封装uni.upload
时间: 2023-11-04 22:52:48 浏览: 13
uni.upload 是一个用于上传文件的 API,它接收一个对象作为参数,该对象包含以下属性:
- url(必填):上传文件的地址。
- filePath(必填):要上传的文件路径。
- name(必填):文件对应的 key,开发者在服务器端通过这个 key 可以获取到文件二进制内容。
- header(可选):HTTP 请求 Header。
- formData(可选):HTTP 请求中其他额外的 form 数据。
- success(可选):上传成功的回调函数。
- fail(可选):上传失败的回调函数。
为了更好地封装 uni.upload,你可以创建一个函数,接收一个对象作为参数,该对象包含以下属性:
- filePath(必填):要上传的文件路径。
- name(必填):文件对应的 key。
- success(可选):上传成功的回调函数。
- fail(可选):上传失败的回调函数。
然后在函数内部调用 uni.upload,代码如下所示:
```
function myUpload(options) {
uni.upload({
url: 'http://example.com/upload',
filePath: options.filePath,
name: options.name,
header: options.header,
formData: options.formData,
success: options.success,
fail: options.fail
});
}
```
使用该函数进行文件上传时,只需要传递 filePath 和 name 属性即可,其他属性都是可选的。例如:
```
myUpload({
filePath: 'path/to/file',
name: 'file',
success: function(res) {
console.log('上传成功', res);
},
fail: function(res) {
console.log('上传失败', res);
}
});
```
阅读全文