HarmonyOS 应用程序开发(组件库)--组件模块化开发、工具包、设计模式(持续更新)--网络下载
最编程
2024-09-30 08:10:23
...
导包:
import request from ‘@ohos.request’;
import fs from ‘@ohos.file.fs’;
下载图片
request.downloadFile(getContext(), {
url: netFile, filePath: imgFile // 网络路径,本地路径
}).then((task) => {
task.on('complete', function callback() {
let file:fileIo.File;
file = fs.openSync(imgFile) // 本地路径
prompt.showToast({
message: "文件下载成功:" + imgFile
})
})
task.on('fail', function callBack(err) {
prompt.showToast({
message: "文件下载失败,err:" + JSON.stringify(err)
})
});
从沙箱中图片转为Base64格式
// 工具包:
// 其中当转为这个后,可能会与原文件有差异,需要修改配置base64ImgStr
// 获取沙箱路径:this.context.__Dir
async toBase64(image_uri: string) {
if (image_uri) {
let selectImage = fs.openSync(image_uri, fs.OpenMode.READ_WRITE) // openSync() 根据文件file://路径 转文件
const imageSource = image.createImageSource(selectImage.fd);
const imagePackerApi: image.ImagePacker = image.createImagePacker();
let packOpts: image.PackingOption = { format: 'image/jpeg', quality: 100 };
let readBuffer = await imagePackerApi.packing(imageSource, packOpts);
let bufferArr = new Uint8Array(readBuffer)
let help = new util.Base64Helper
let base = help.encodeToStringSync(bufferArr)
let base64ImgStr = 'data:image/png;base64,' + base; // 回显需要有前面的前缀才可以
return base64ImgStr;
}
return '';
}
从资源文件中读取图片转Base64
async toBase64StrFromResource(img_name: string) {
// 1. 获取图片所对应的PixelMap对象
let pixelMap: PixelMap = await this.toPixelMapFromResource(img_name); // 自己封装函数,见下
// 2. 获取pixelMap总字节数
let pixelBytesNumber: number = pixelMap.getPixelBytesNumber();
// 3. 创建了一个ImagePacker对象,用于图像编码。(ImagePacker是HarmonyOS中用于将图像(PixelMap格式)编码为不同存档格式的工具)
const imagePackageApi: image.ImagePacker = image.createImagePacker();
// 4. 定义了一个PackingOption对象,用于设置图像编码的选项。
let packOpts: image.PackingOption = {
format: 'image/jpeg', //表示编码的图像格式为jpeg格式
quality: 100, //表示图像质量为最高质量(取值为0~100之间)
}
// 5. 将pixelMap对象按照packOpts中设置的选项进行编码。编码的结果被存储在readBuffer中
const readBuffer = await imagePackageApi.packing(pixelMap, packOpts);
// 6. 创建了一个Base64Helper对象,用于进行Base64编码和解码操作。
let base64Helper = new util.Base64Helper();
// 7. 将readBuffer转换为一个Uint8Array对象(Uint8Array是一种JavaScript内置对象,表示一个8位无符号整数的数组,适合表示二进制数据。)
let uint8Arr = new Uint8Array(readBuffer);
// 8. 将uint8Arr中的二进制数据同步地编码为Base64字符串
let pixelStr = base64Helper.encodeToStringSync(uint8Arr);
// 9. 加入base64编码协议(用于显示在Image组件中)(以下前缀形成一个可以在Web上直接使用的Data URL。这个Data URL可以被用于在HTML或CSS中嵌入图像数据,而不需要额外的图像文件)
let base64ImgStr = 'data:image/png;base64,' + pixelStr;
Log.MyLog("'hmlog-->',base64 str : " + base64ImgStr);
// 10. 返回编码后并转换为Data URL的Base64字符中
return base64ImgStr;
}
async toPixelMapFromResource(img_name: string) {
// 1. 获取stage模型下的Context上下文对象
const context = getContext(this);
// 2. 获取ResourceManager资源管理类
const resourceMgr = context.resourceManager;
// 3. 获取resource/rawfile/face.png
const fileData = await resourceMgr.getRawFileContent(img_name)
// 4. 获取图片的ArrayBuffer
const buffer = fileData.buffer;
// 5. 创建ImageSource实例
const imageSource = image.createImageSource(buffer);
// 6. 定义解码参数DecodingOptions
let decodingOptions = {
editable: true, // editable设置为true表示图片是可编辑的
desiredPixelFormat: 3 // desiredPixelFormat设置为3表示解码的像素格式为RGBA_8888
}
// 7. 根据解码参数DecodingOptions获取PixelMap图片对象
const pixelMap = await imageSource.createPixelMap(decodingOptions)
// 8. 返回PixelMap图片对象
return pixelMap;
}