From 022d35b8eab0cf3837ec8d1813c7bda1c1a9b16f Mon Sep 17 00:00:00 2001
From: Bunny <1319900154@qq.com>
Date: Thu, 1 Aug 2024 22:19:09 +0800
Subject: [PATCH] =?UTF-8?q?page:=20=F0=9F=93=84=20blob=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/verify.json                |  2 +-
 src/views/test/blob/index.vue     | 18 ++++++++++++++++++
 src/views/test/download/index.vue |  5 +++--
 3 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 src/views/test/blob/index.vue

diff --git a/public/verify.json b/public/verify.json
index e772824..4587298 100644
--- a/public/verify.json
+++ b/public/verify.json
@@ -1 +1 @@
-{"version":1722474202768}
\ No newline at end of file
+{"version":1722520010238}
\ No newline at end of file
diff --git a/src/views/test/blob/index.vue b/src/views/test/blob/index.vue
new file mode 100644
index 0000000..8db6671
--- /dev/null
+++ b/src/views/test/blob/index.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+
+const objectURL = ref();
+/**
+ * * Blob相关测试
+ */
+const blobTest = () => {
+	const blob = new Blob(['这时一段文本内容'], { type: 'text/plain;charset=utf-8' });
+	objectURL.value = URL.createObjectURL(blob);
+};
+
+onMounted(() => blobTest());
+</script>
+
+<template>
+	<textarea :value="objectURL" class="w-[500px] h-[300px]" />
+</template>
diff --git a/src/views/test/download/index.vue b/src/views/test/download/index.vue
index be9df3f..3329f0e 100644
--- a/src/views/test/download/index.vue
+++ b/src/views/test/download/index.vue
@@ -28,8 +28,9 @@ const onDownloadImage = () => {
  * * 下载视频
  */
 const onDownloadVideo = () => {
-	const imageBlob = fetch(video.value).then(res => res.blob());
-	imageBlob.then(blob => downloadBlob(blob, 'blob视频.mp4'));
+	fetch(video.value)
+		.then(res => res.blob())
+		.then(blob => downloadBlob(blob, 'blob视频.mp4'));
 
 	downloadURI(video.value, 'a标签视频.mp4');
 };