当前位置： 首页 > wzjs >正文

做一个自己的网站广告投放代理商加盟

wzjs 2025/9/23 5:12:54
做一个自己的网站,广告投放代理商加盟,网络系统管理员获取ip,云南省建设厅网站人员查询1. HarmonyOS File和base64字符串转换 1.1. Base64 1.1.1. Base64认知 Base64 是一种基于64个 ASCII 字符来表示二进制数据的表示方法，这个64个不同的字符为：   （1）大、小写字母（A– Z、a–z）。52个  …

1. HarmonyOS File和base64字符串转换

1.1. Base64

1.1.1. Base64认知

  Base64 是一种基于64个 ASCII 字符来表示二进制数据的表示方法，这个64个不同的字符为：
  （1）大、小写字母（A– Z、a–z）。52个
  （2）数字。（0–9）10个
  （3）两个特殊字符。（+、/）2个
在这里插入图片描述

1.1.2. Base64原理

  （1）将图片转换成二进制数据。
  （2）将8比特位为一个单元的字节数据拆分为以6个比特位为一个单元的字节数据。
  （3）将6个比特位为一个单元高位补齐00,补足8个比特。
  （4）如果剩余的字节不足6位，则先低位补00凑齐6位之后，高位再补00，补足8位。
  （5）当未编码（1中的二进制数据）输入的长度不是三的倍数时，则编码输出（3）必须添加填充，使其长度为四的倍数。填充字符为=
  （6）将补齐8个比特的二进制数据，转化为10进制数据。然后到上面的base64码表中进行查询，并生成字符。
  （7）将所有的字符进行拼接组成base64字符串。

1.1.3. 举例说明

  比如字符串：“byhk”
  （1）将其转换为二进制数据：01100010、01111001、01101000、01101011
  （2）将8比特拆为6比特：011000，100111，100101，101000，011010，11
  （3）高位补齐00，补足8个比特：0011000，0100111，00100101，00101000，00011010，00110000,
  （4）最后的11不满6位，先低位补0000变为：110000，然后高位补00，变为：00110000
  （5）步骤3，最后的数量不是4的倍数，因此需要填充两个=
  （6）因此"byhk"的base64的结果为：“Ynloaw==”
鸿蒙base64图片保存到本地沙盒

1.2. 保存base64图片到本地沙盒

  图片base64格式

data:image/png;base64,iVBORw0KGg....

1.2.1. 解析图片数据

private static dealBase64Str(base64Data: string): string {let imageData: stringif (base64Data.startsWith("data")) {const base64Split: string[] = base64Data.split(",")if (base64Split.length !== 2) {throw new Error(`Illegal base64 data`)}imageData = base64Split[1].trim()} else {imageData = base64Data}return imageData
}

1.2.2. 创建沙盒文件

private static createFile(context: Context) {let pathDir = context.filesDirlet fileName = systemDateTime.getTime(true)let filePath = `${pathDir}/${fileName}.jpg`let file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)return file
}

1.2.3. 将图片数据写入

let bufferImage = buffer.from(base64Result, 'base64')
await fs.write(file.fd, bufferImage.buffer)
fs.closeSync(file.fd)

1.2.4. 完整代码

export class ImageUtils {static async saveBase64Image(base64ImageData: string, context: Context): Promise<Boolean> {try {let base64Result = ImageUtils.dealBase64Str(base64ImageData)let file = ImageUtils.createFile(context)let bufferImage = buffer.from(base64Result, 'base64')await fs.write(file.fd, bufferImage.buffer)fs.closeSync(file.fd)return Promise.resolve(true)} catch (e) {throw new Error(e)}}private static dealBase64Str(base64Data: string): string {let imageData: stringif (base64Data.startsWith("data")) {const base64Split: string[] = base64Data.split(",")if (base64Split.length !== 2) {throw new Error(`ImageUtils: Illegal base64 data`)}imageData = base64Split[1].trim()} else {imageData = base64Data}return imageData}private static createFile(context: Context) {let pathDir = context.filesDirlet fileName = systemDateTime.getTime(true)let filePath = `${pathDir}/${fileName}.jpg`let file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)return file}
}

1.3. 从网页打开获取文件，并转成base64

1.3.1. 鸿蒙原生代码

import web_webview from '@ohos.web.webview';
import picker from '@ohos.file.picker';
import { BusinessError } from '@ohos.base';
import { fileIo } from '@kit.CoreFileKit';
import util from '@ohos.util';@Entry
@Component
struct UploadFile {controller:web_webview.WebviewController = new web_webview.WebviewController();@State uri: Array<string> | null = null;// // 将 ArrayBuffer 转换为 Base64 字符串// arrayBufferToBase64(buffer: ArrayBuffer): string {//   let binary = '';//   const bytes = new Uint8Array(buffer);//   for (let i = 0; i < bytes.byteLength; i++) {//     binary += String.fromCharCode(bytes[i]);//   }//   return globalThis.btoa(binary); // 使用 btoa 将二进制数据编码为 Base64// }//// btoa(binaryData: Uint8Array) {//   // 创建一个Base64Helper实例//   let base64Helper = new util.Base64Helper();//   // 使用Base64Helper将二进制数据转换为Base64编码的字符串//   return base64Helper.encodeToStringSync(new Uint8Array(binaryData));// }build() {Column(){Text('选中的图片')List(){ForEach(this.uri,(item:string)=>{ListItem(){Row(){Image(item).width('30vh').height('30vh')}}.width('30vh').height('30vh')})}.width('30vh').height('30vh')Web({src:$rawfile('setAttrAndEvent/uploadFile/index.html'),controller:this.controller}).fileAccess(false).width('100%').height('100vh').backgroundColor('grey').onShowFileSelector((event)=>{console.log('MyFileUploader onShowFileSelector invoked')let PhotoSelectOptions = new picker.PhotoSelectOptions();PhotoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE;// PhotoSelectOptions.maxSelectNumber = 5;PhotoSelectOptions.maxSelectNumber = 1;const photoPicker  = new picker.PhotoViewPicker();photoPicker .select(PhotoSelectOptions).then(async (photoSelectResult) => {this.uri = photoSelectResult.photoUris;console.info('photoPicker .select to file succeed and photoSelectResult is:' + JSON.stringify(photoSelectResult));console.info('photoPicker .select to file succeed and uri is:' + this.uri);if (this.uri.length > 0) {let oneUri = this.uri[0]// let uri: string = ''; // 这里应该是你的URIlet file = fileIo.openSync(oneUri, fileIo.OpenMode.READ_ONLY);console.info('file fd: ' + file.fd);let stat = await fileIo.stat(file.fd);// let buffer = new ArrayBuffer(4096);console.info('readSync data to file succeed and buffer size is: stat' + stat.size)let buffer = new ArrayBuffer(stat.size);let readLen = fileIo.readSync(file.fd, buffer);console.info('readSync data to file succeed and buffer size is:' + readLen);fileIo.closeSync(file);console.info('readSync data to file succeed and buffer size is: buffer 大小 ' + buffer.byteLength)// 创建一个Base64Helper实例let base64Helper = new util.Base64Helper();// 使用Base64Helper将二进制数据转换为Base64编码的字符串let base64Data = base64Helper.encodeToStringSync(new Uint8Array(buffer.slice(0, readLen)));// let base64Data = btoa(String.fromCharCode(...new Uint8Array(buffer.slice(0, readLen-1))));console.info('Base64 encoded data: ' + base64Data);}if (event) {event.result.handleFileList(this.uri);}}).catch((err: BusinessError) => {console.error(`Invoke photoPicker .select failed, code is ${err.code}, message is ${err.message}`);})return true;})}}
}

1.3.2. 关键代码

   if (this.uri.length > 0) {let oneUri = this.uri[0]// let uri: string = ''; // 这里应该是你的URIlet file = fileIo.openSync(oneUri, fileIo.OpenMode.READ_ONLY);console.info('file fd: ' + file.fd);let stat = await fileIo.stat(file.fd);// let buffer = new ArrayBuffer(4096);console.info('readSync data to file succeed and buffer size is: stat' + stat.size)let buffer = new ArrayBuffer(stat.size);let readLen = fileIo.readSync(file.fd, buffer);console.info('readSync data to file succeed and buffer size is:' + readLen);fileIo.closeSync(file);console.info('readSync data to file succeed and buffer size is: buffer 大小 ' + buffer.byteLength)// 创建一个Base64Helper实例let base64Helper = new util.Base64Helper();// 使用Base64Helper将二进制数据转换为Base64编码的字符串let base64Data = base64Helper.encodeToStringSync(new Uint8Array(buffer.slice(0, readLen)));// let base64Data = btoa(String.fromCharCode(...new Uint8Array(buffer.slice(0, readLen-1))));console.info('Base64 encoded data: ' + base64Data);}

1.3.3. html代码

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body>
<div class="upload"><!--  点击上传按钮   --><form id="upload-form" enctype="multipart/form-data"><input type="file" id="upload" name="upload"/></form>
</div>
</body>
</html>
<style>body{width:100%;height:auto;margin:50px auto;text-align:center;background-color:#2EB3FF}
</style>

1.4. 在线图片转为base64字符串

let OutData: http.HttpResponse
http.createHttp().request("https://xxx/xxx.png",//在线图片地址
(error: BusinessError, data: http.HttpResponse) => {
if (error) {
console.error(`http reqeust failed with. Code: ${error.code}, message: ${error.message}`);
} else {
OutData = data
let code: http.ResponseCode | number = OutData.responseCode
if (ResponseCode.ResponseCode.OK === code) {
let imageData: ArrayBuffer = OutData.result as ArrayBuffer;
let base64 = new util.Base64Helper(); // 实例化Base64Helper
let data = base64.encodeSync(new Uint8Array(imageData.slice(0, imageData.byteLength))) // 转换成Uint8Array
console.info(`data长度:${data.length}`)
console.info(`data:${data}`)
let textDecoder = util.TextDecoder.create('utf-8', { ignoreBOM : true })
let retStr = textDecoder.decodeWithStream( data , {stream: false}); // 可以把Uint8Array转码成base64
}
}
}
)

1.5. 参考文档

  （1）文件下载上传：https://developer.huawei.com/consumer/cn/doc/system-Guides/network-exp-file-0000001093424975#section492510893519
  （2）载到公共目录
在沙箱目录里，在手机里看不到的。下载到公共目录可参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/request-dir-permission
  （3）预览文件
您可参考previewKit：
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/preview-introduction
  （4）Preview Kit的openPreview接口在传入文件预览信息时，当前仅支持传入文件的uri，用户文件uri介绍参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/user-file-uri-intro-V5
  （5）打开和保存PDF文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/pdf-open-docunent
  （6）@ohos.file.picker (选择器)：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-file-fs

http://www.dtcms.com/wzjs/837321.html

相关文章：

  • 怎么用ngrok做网站世界杯比分
  • 做游戏网站定位网络销售适合什么人做
  • 布吉网站建设哪家效益快东莞网站推广建设
  • 个人做的网站可以收款软件工程女生好就业吗
  • 温州专业全网推广建站公司天津网站制作的公司
  • 怎么来自己做网站优化wordpress主题改字体颜色
  • 长沙模板建站平台哪个网站做任务钱给得多
  • 上海外国语大学学风建设网站seo文章关键词怎么优化
  • 蒙文网站建设情况汇报wordpress模板 多梦
  • 网站备案 信息安全管理协议公司网站建设需求表
  • 院校网站建设如何运用网站做宣传
  • 壹财富 网站开发ui设计师有前途吗
  • 网站备案查询 apiwordpress迁移不能用
  • 国际化网站建设如何汉化wordpress主题
  • 长沙移动网站域名 备案号 网站的关系
  • 网站改版对网站优化影响最大的问题有哪些wordpress如何设水印图片
  • 鞋子 东莞网站建设北京建设银行官网
  • 网站开发工程师中级高级成都最近爆发的传染病
  • 做企业网站国内发展logo注册商标查询
  • 英文 wap网站网站色调搭配
  • 做网站用什么软件设计好做网站可以赚钱嘛
  • 广州免费自助建站平台诸城市房产信息网
  • 设计网站公司湖南岚鸿设计如何将自己做的网站上传
  • 戴尔公司网站设计特色企业网站建设报价模板
  • 兰溪城市建设规划网站可以合成装备的传奇手游
  • 网站三要素wordpress hello dolly
  • 怎么建立信息网站平台10000个免费货源网站
  • 专做蓝领招聘网站有哪些织梦cms如何做网站
  • 网站建设需要掌握什么知识wordpress健身房主题
  • 玩具 东莞网站建设 技术支持南山区住房与建设局官方网站