vue3 Ascii 转 utf8

在 Vue 3 中，可以使用 `TextDecoder` 对象将 ASCII 编码的字符串转换为 UTF-8 编码的字符串。具体步骤如下：

1. 将 ASCII 编码的字符串转换为 `Uint8Array` 类型的数组

   const asciiString = 'hello'; // ASCII 编码的字符串
   const uint8Array = new TextEncoder().encode(asciiString); // 转换为 Uint8Array 类型的数组

2. 将 `Uint8Array` 类型的数组转换为 UTF-8 编码的字符串

   const utf8String = new TextDecoder('utf-8').decode(uint8Array); // 转换为 UTF-8 编码的字符串
   console.log(utf8String); // 输出：hello

现在，你就可以将 ASCII 编码的字符串转换为 UTF-8 编码的字符串了。如果你需要将其他编码的字符串转换为普通的字符串，可以将 `utf-8` 替换为相应的编码名称。

相关问题

base64 转化为图片 antd 表格 vue3

Base64是一种将二进制数据编码成ASCII字符的格式，常用于在网络上传输图像文件。当需要将Base64编码的图片显示在Ant Design（antd）的表格组件中，并在Vue3应用中实现，可以按照以下步骤操作：

1. 首先，你需要有一个Base64编码的图片字符串。假设它是`data:image/jpeg;base64,/9j/4AAQSk...`。

2. 安装必要的依赖：在Vue3项目中，确保已经安装了`@antv/vue-g2`库，这是Ant Design在Vue3中的图表组件。如果还没有安装，可以运行`npm install @antv/vue-g2`.

3. 在Vue组件中，创建一个列模板（column template），这个模板用于处理渲染Base64图片。例如：

<template>
  <g2-table :columns="columns" :data="data">
    <template slot-scope="{ record }">
      <div :style="{ background: `url(data:image/jpeg;charset=utf-8;base64,${record.base64Image}) center no-repeat` }"></div>
    </template>
  </g2-table>
</template>

<script setup>
import { ref } from 'vue';
import { Table, Column } from '@antv/g2-vue';

const data = [
  // 每行包含Base64图片的数据
  {
    id: 1,
    base64Image: 'your_base64_string',
  },
  ... // 其他数据项
];

const columns = [
  // 定义列，其中一列可以绑定到base64Image字段
  {
    title: '图片',
    dataIndex: 'base64Image',
    cell: (row) => `<div :style="{ background: `url(data:image/jpeg;charset=utf-8;base64,${row.base64Image}) center no-repeat` }"></div>`,
  },
];
</script>

在这个例子中，我们将Base64编码的图片作为CSS背景样式直接应用于单元格。

uniapp 二进制转ascii

UniApp是一个基于Vue.js的跨平台应用开发框架，它允许开发者编写一套代码，同时生成适用于iOS、Android等多个平台的应用。当你需要将二进制数据转换成ASCII码（即文本字符形式），在UniApp中可以这样做：

1. 首先，你需要获取到二进制数据，这通常是通过文件读取、网络请求或者其他方式得到的ArrayBuffer对象。

let binaryData = // 这里是你获取到的二进制数据（如Blob或ArrayBuffer）

2. 然后你可以使用JavaScript内置的`TextDecoder` API将二进制数据解码为UTF-8编码的字符串，因为ASCII是UTF-8的一个子集。

let decoder = new TextDecoder("utf-8");
let asciiString = decoder.decode(binaryData);

注意，如果二进制数据不是有效的UTF-8编码，可能会抛出错误，所以通常需要处理这种情况。

3. 最后，ASCII字符串就是你要找的结果。例如，你可以遍历这个字符串并打印每个字符。

for (let i = 0; i < asciiString.length; i++) {
    console.log(asciiString.charCodeAt(i), String.fromCharCode(asciiString.charCodeAt(i)));
}