描述

将文本转成 Blob 对象 v3.3.2+

1.示例

点击转化

下载Blob

<template>
  <div class="flex flex-col">
    <div class="flex gap-8px">
      <el-input placeholder="请输入文本" v-model="text" />
      <el-button class="flex-none" :disabled="!text" @click="onEncode">点击转化</el-button>
    </div>
    <el-divider />
    <div class="">
      <el-button @click="onDownloadBlob">下载Blob</el-button>
    </div>
  </div>
</template>

<script>
import { textToBlob, blobSaveAs, uuid } from 'sf-utils2'

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

  methods: {
    async onEncode() {
      const blob = await textToBlob(this.text, { mimeType: 'text/plain' })
      this.$message.warning('请查看控制台')
      console.log(blob)
      this._blob = blob
    },

    // 下载blob
    onDownloadBlob() {
      if (!this._blob) return this.$message.error('请先转换')
      blobSaveAs(this._blob, `${uuid()}.txt`)
    }
  }
}
</script>

显示代码 复制代码 复制代码

2.入参说明

参数	说明	类型	是否必填	默认值
text	字符串	string	是
options	选项	TBaseBlobArrayBufferTransferOptions ，详情见下 👇	否

2.1.TBaseBlobArrayBufferTransferOptions 说明

参数	说明	类型	是否必填	默认值
mimeType	MimeType 类型	string	否

`MimeType`类型，点击查看

• 

3.源码

import textToArrayBuffer from '@/stream/textToArrayBuffer.ts'
import type { TBaseBlobArrayBufferTransferOptions } from '@/_types/_helperTreeBaseType.ts'

/**
 * 将字符串转成blob
 * @param {string} text 文本
 * @param options
 * @example
 */
async function textToBlob(text: string, options?: TBaseBlobArrayBufferTransferOptions): Promise<Blob> {
  const arrayBuffer = await textToArrayBuffer(text)
  return new Blob([arrayBuffer], { type: options?.mimeType })
}

export default textToBlob