diff --git a/docs/src/examples/utils/download/background.jpg b/docs/src/examples/utils/download/background.jpg
new file mode 100644
index 000000000..da06b769d
Binary files /dev/null and b/docs/src/examples/utils/download/background.jpg differ
diff --git a/docs/src/examples/utils/download/download.vue b/docs/src/examples/utils/download/download.vue
new file mode 100644
index 000000000..105009f1f
--- /dev/null
+++ b/docs/src/examples/utils/download/download.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <XAction
+      label="downloadUrl"
+      type="primary"
+      @click="onDownloadUrl"></XAction>
+
+    <XAction
+      label="downloadBlob"
+      type="primary"
+      @click="onDownloadBlob"></XAction>
+
+    <XAction
+      label="downloadRemoteFile"
+      type="primary"
+      @click="onDownloadRemoteFile"></XAction>
+
+    <XAction
+      label="downloadJson"
+      type="primary"
+      @click="onDownloadJson"></XAction>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { XAction } from '@vtj/ui';
+
+  import {
+    downloadUrl,
+    downloadBlob,
+    downloadRemoteFile,
+    downloadJson
+  } from '@vtj/utils';
+
+  import { fileToBase64 } from '@vtj/utils';
+
+  const onDownloadUrl = () => {
+    downloadUrl(
+      'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+      'elementUI.jpeg'
+    );
+  };
+
+  const onDownloadBlob = async () => {
+    const blobParts = ['<q id="a"><span id="b">hey!</span></q>']; // 一个包含单个字符串的数组
+    const blob = new Blob(blobParts, { type: 'text/html' }); // 得到 blob
+    downloadBlob(blob);
+  };
+
+  const onDownloadRemoteFile = async () => {
+    downloadRemoteFile('./background.jpg', 'background.jpg', 'image/jpg');
+  };
+
+  const onDownloadJson = () => {
+    downloadJson('{name:"aa",age:"22"}', 'a.json');
+  };
+</script>
+
+<style scoped></style>
diff --git a/docs/src/utils/base/utils.md b/docs/src/utils/base/utils.md
index 4db64a8ad..94020b66b 100644
--- a/docs/src/utils/base/utils.md
+++ b/docs/src/utils/base/utils.md
@@ -84,9 +84,9 @@ Base64 转换 Blob
 ```
 
 
-### formDataToJson
+### blobToFile
 
-FormData 转换为json  
+Blob 转 File 
 
 ```js
   import { blobToFile } from '@vtj/utils';  
@@ -94,7 +94,7 @@ FormData 转换为json
     const blobParts = ['<q id="a"><span id="b">hey!</span></q>']; // 一个包含单个字符串的数组
     const blob = new Blob(blobParts, { type: 'text/html' }); // 得到 blob
 
-    const BlobToFile = blobToFile(blob, 'vtj.text');
+    const BlobToFile = blobToFile(blob, 'vtj.html');
     console.log('BlobToFile', BlobToFile);
     // DataURLtoBlob => Blob对象
   };
diff --git a/docs/src/utils/web/download.md b/docs/src/utils/web/download.md
index 15a846120..5cd101662 100644
--- a/docs/src/utils/web/download.md
+++ b/docs/src/utils/web/download.md
@@ -1,10 +1,17 @@
 # 文件下载
 
 
-| 函数名             | 描述     | 类型                                                         | 参数                                                    | 返回值 |
-| ------------------ | -------- | ------------------------------------------------------------ | ------------------------------------------------------- | ------ |
-| downloadUrl        | 下载文件 | `(url: string, filename: string = '') => void`               | `(url: 下载文件的路径, filename: 文件名称)`             | -      |
-| downloadBlob       | 下载图片 | `(data: any, filename: string = '', type?: string) => void`  | `(data: 图片数据, filename: 图片名称, type?: 图片格式)` | -      |
-| downloadRemoteFile | 下载文件 | `(  url: string,filename: string = '',type?: string)=> void` | `(  url:下载路径,filename: 文件名称,type?: 文件格式)`   | -      |
-| downloadJson       | 下载JSON | `(data: any, filename: string = '')=> void`                  | `(data: 下载的数据, filename: 下载文件的名称)`          | -      |
+| 函数名             | 描述             | 类型                                                         | 参数                                                    | 返回值 |
+| ------------------ | ---------------- | ------------------------------------------------------------ | ------------------------------------------------------- | ------ |
+| downloadUrl        | 在新窗口打开图片 | `(url: string, filename: string = '') => void`               | `(url: 文件的路径, filename: 文件名称)`                 | -      |
+| downloadBlob       | 下载Blob文件     | `(data: any, filename: string = '', type?: string) => void`  | `(data: 文件数据, filename: 文件名称, type?: 文件格式)` | -      |
+| downloadRemoteFile | 下载文件         | `(  url: string,filename: string = '',type?: string)=> void` | `(  url:下载路径,filename: 文件名称,type?: 文件格式)`   | -      |
+| downloadJson       | 下载JSON         | `(data: any, filename: string = '')=> void`                  | `(data: 需下载的数据, filename: 文件的名称)`            | -      |
 
+
+
+### 示例
+    在控制台查看效果
+:::preview
+demo-preview=../../examples/utils/download/download.vue
+:::
\ No newline at end of file