js利用a标签打开base文件

可以使用以下代码：

<a href="data:text/plain;base64,YmFzZTY0IGVuY29kZWQgc3RyaW5n">打开 Base64 编码的文件</a>

在这个例子中，我们使用了 data URI scheme 来指定文件内容，其中 `text/plain` 表示文件类型为纯文本，`base64` 表示使用 Base64 编码。你可以将文件内容替换为自己的内容。

需要注意的是，某些浏览器可能会禁止使用 data URI scheme 打开文件，建议先进行测试。

相关问题

js利用a标签预览base64文件

可以使用以下方法来利用a标签预览base64文件：

1. 首先，将base64编码的文件内容存储在一个变量中。

var base64Content = "data:image/png;base64,iVBORw0KG...";

2. 创建一个a标签，并将其href属性设置为base64编码的内容。

var a = document.createElement("a");
a.href = base64Content;

3. 设置a标签的download属性为文件名，以便下载时使用。

a.download = "file.png";

4. 创建一个新的鼠标点击事件，并将其分派到a标签上。

var event = new MouseEvent("click");
a.dispatchEvent(event);

完整代码如下：

var base64Content = "data:image/png;base64,iVBORw0KG...";
var a = document.createElement("a");
a.href = base64Content;
a.download = "file.png";
var event = new MouseEvent("click");
a.dispatchEvent(event);

vue3 ts 页面打开base64文件

要在Vue3 + TypeScript中打开Base64文件，可以使用以下步骤：

1. 创建一个组件，可以在其中包含一个按钮或链接，当用户单击它时，将打开Base64文件。

<template>
  <div>
    <button @click="openFile">Open File</button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'OpenFile',
  methods: {
    openFile() {
      const base64Content = 'YOUR_BASE64_CONTENT_HERE';
      const blob = this.base64ToBlob(base64Content);
      const url = URL.createObjectURL(blob);
      window.open(url, '_blank');
    },
    base64ToBlob(base64: string): Blob {
      const sliceSize = 1024;
      const byteChars = atob(base64);
      const byteArrays: Uint8Array[] = [];

      for (let offset = 0; offset < byteChars.length; offset += sliceSize) {
        const slice = byteChars.slice(offset, offset + sliceSize);

        const byteNumbers = new Array(slice.length);
        for (let i = 0; i < slice.length; i++) {
          byteNumbers[i] = slice.charCodeAt(i);
        }

        const byteArray = new Uint8Array(byteNumbers);
        byteArrays.push(byteArray);
      }

      return new Blob(byteArrays, { type: 'application/pdf' }); // change the type to match your file type
    },
  },
});
</script>

2. 在`openFile`方法中，将Base64字符串转换为Blob对象，然后创建一个Object URL，并在新标签页中打开它。

3. `base64ToBlob`方法将Base64字符串转换为Blob对象。在这个方法中，我们将Base64字符串分成字节大小的块，并将它们转换为Uint8Array数组。最后，我们将所有的Uint8Array数组合并成一个Blob对象。

4. 在打开文件之前，确保将正确的文件类型传递给Blob构造函数。在上面的代码中，我将文件类型设置为`application/pdf`，但是你应该根据你的需求更改它。

希望这可以帮助你打开Base64文件。