HarmonyOS 鸿蒙Next上传文件(以图片上传为例)
HarmonyOS 鸿蒙Next上传文件(以图片上传为例) https://blog.csdn.net/qq_57952018/article/details/135404175
1 回复
更多关于HarmonyOS 鸿蒙Next上传文件(以图片上传为例)的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
在HarmonyOS(鸿蒙Next)中,上传文件(如图片)可以通过使用@ohos.request
模块中的uploadFile
方法实现。以下是一个简单的示例代码:
import upload from '@ohos.request';
async function uploadImage() {
const url = 'https://example.com/upload'; // 替换为实际的上传地址
const filePath = 'path/to/your/image.jpg'; // 替换为实际的图片路径
const uploadTask = upload.uploadFile({
url: url,
files: [
{
name: 'file', // 文件字段名
filename: 'image.jpg', // 文件名
uri: filePath // 文件路径
}
],
headers: {
'Content-Type': 'multipart/form-data'
}
});
uploadTask.on('progress', (progress) => {
console.log(`上传进度: ${progress.percent}%`);
});
uploadTask.on('success', (response) => {
console.log('上传成功:', response.data);
});
uploadTask.on('fail', (error) => {
console.error('上传失败:', error);
});
await uploadTask.start();
}
uploadImage();
在这个示例中,uploadFile
方法用于上传文件,url
指定了上传的目标地址,files
数组中包含了要上传的文件信息。headers
用于设置请求头,确保使用multipart/form-data
格式上传文件。uploadTask
对象提供了progress
、success
和fail
事件来监听上传进度和结果。