uniapp小程序怎么文件流上传图片
时间: 2025-05-23 20:04:47 浏览: 11
### UniApp 小程序通过文件流上传图片
在 UniApp 中实现文件流方式上传图片主要依赖于 `uni.uploadFile` API 函数。此函数允许将本地资源上传至开发者服务器[^1]。
#### 使用 `uni.uploadFile` 进行文件流上传
为了完成这一操作,首先需要获取用户选择的图片路径,之后利用该路径作为参数传递给 `uni.uploadFile` 方法来执行上传动作。下面是一个完整的代码实例:
```javascript
// 获取图片并准备上传
function chooseAndUploadImage() {
uni.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success(res) {
const tempFilePaths = res.tempFilePaths;
// 调用 uploadFile 接口上传图片
uni.uploadFile({
url: 'https://example.com/upload', // 开发者自己的服务端地址
filePath: tempFilePaths[0],
name: 'file',
formData: {
'user': 'test'
},
success(uploadRes) {
console.log('upload success:', JSON.parse(uploadRes.data));
}
});
}
});
}
```
这段代码展示了如何让用户挑选一张照片并通过网络请求将其发送出去的过程。注意这里的 URL 需要替换为实际的服务端接收地址。
阅读全文
相关推荐


















