sf-utils2 sf-utils2
版本v3.3.3-beta1
首页
  • 01.快速开始 🔥
  • 02.基础-Base
  • 03.对象-Object
  • 04.数组-Array
  • 05.方法-Function
  • 06.字符串-String
  • 07.数学-Math
  • 08.dom
  • 09.拓展
  • webpack5.x教程学习 (opens new window)
  • 例子
  • 教程 🔥
  • 例子配置
企业级后台模版 (opens new window)
版本v3.3.3-beta1
首页
  • 01.快速开始 🔥
  • 02.基础-Base
  • 03.对象-Object
  • 04.数组-Array
  • 05.方法-Function
  • 06.字符串-String
  • 07.数学-Math
  • 08.dom
  • 09.拓展
  • webpack5.x教程学习 (opens new window)
  • 例子
  • 教程 🔥
  • 例子配置
企业级后台模版 (opens new window)
  • 快速开始

  • 基础-Base

  • 对象-Object

  • 数组-Array✨✨✨

  • 方法-Function

  • 字符串-String

  • 数学-Math

  • 文件-Buffer

    • 序言
    • arrayBufferToBase64【ArrayBuffer转Base64】
    • arrayBufferToText【ArrayBuffer读取文本】
      • 1.示例
      • 2.入参说明
      • 3.源码
    • base64ToArrayBuffer【Base64转ArrayBuffer】
    • base64ToBlob【Base64转Blob】
    • blobToArrayBuffer【Blob转ArrayBuffer】
    • blobToBase64【Blob转Base64】
    • blobToText【Blob转文本】
    • encodeTextByArrayBuffer【ArrayBuffer对象转化加密后的文本】
    • decodeTextByArrayBuffer【ArrayBuffer对象解密密后的文本】
    • textToArrayBuffer【文本转成ArrayBuffer对象】
    • textToBlob【文本转成Blob对象】
  • 节点-dom

  • 拓展

  • nodejs

目录

arrayBufferToText【ArrayBuffer读取文本】

描述

主要是从ArrayBuffer读取文本 v3.3.2+

# 1.示例

文本:
读取到的文本内容:
<template>
  <div class="flex flex-col gap-8px">
    <div>文本:<input type="file" @change="onChangeFile" accept="text/*" /></div>
    <div>
      <div class="text-14px font-bold">读取到的文本内容:</div>
      <div v-if="text" class="max-h-400px overflow-auto">
        <code>{{ text }}</code>
      </div>
    </div>
  </div>
</template>

<script>
import { arrayBufferToText } from 'sf-utils2'

export default {
  data() {
    return {
      text: ''
    }
  },

  methods: {
    // 打开ie
    async onChangeFile(e) {
      const file = e.target.files[0]

      const fileReader = new FileReader()
      fileReader.readAsArrayBuffer(file)
      fileReader.onload = async () => {
        console.log('fileReader.result', fileReader.result)
        this.text = await arrayBufferToText(fileReader.result)
      }
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
显示代码 复制代码 复制代码

# 2.入参说明

参数 说明 类型 是否必填 默认值
arrayBuffer arraybuffer 对象 ArrayBufferLike 是

# 3.源码

/**
 * 将二进制转成文本
 * @param arrayBuffer
 */
async function arrayBufferToText(arrayBuffer: ArrayBuffer): Promise<string> {
  const decoder = new TextDecoder('utf8', { fatal: true })
  return decoder.decode(arrayBuffer)
}

export default arrayBufferToText
1
2
3
4
5
6
7
8
9
10
上次更新: 2025/07/01, 14:52:29
arrayBufferToBase64【ArrayBuffer转Base64】
base64ToArrayBuffer【Base64转ArrayBuffer】

← arrayBufferToBase64【ArrayBuffer转Base64】 base64ToArrayBuffer【Base64转ArrayBuffer】→

Theme by Vdoing | Copyright © 2022-2025 bianpengfei
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×