feat(n-image): download method support local file

CHANGELOG.en-US.md

@@ -4,6 +4,10 @@
 
 `2024-09-26`
 
+### Features
+
+- `n-image` `download` support method local file, close [#6394](https://github.com/tusen-ai/naive-ui/issues/6394)
+
 ### Fixes
 
 - Fix `n-data-table` in virtual-x mode, when all column objects do not have the `fixed` attribute configured, it cannot be displayed normally.

CHANGELOG.zh-CN.md

@@ -4,6 +4,10 @@
 
 `2024-09-26`
 
+### Features
+
+- `n-image` `download` 方法支持本地文件，关闭 [#6394](https://github.com/tusen-ai/naive-ui/issues/6394)
+
 ### Fixes
 
 - 修复 `n-data-table` 在设定 `virtual-x`，且所有的 column 对象均没有配置 `fixed` 属性的时候无法正常显示

src/_utils/dom/download.ts

@@ -6,7 +6,30 @@ export function download(url: string | null, name: string | undefined): void {
  if (name !== undefined) {
  a.download = name
  }
- document.body.appendChild(a)
- a.click()
- document.body.removeChild(a)
+ else {
+ const urlWithoutQuery = url.split('?')[0]
+ const parts = urlWithoutQuery.split('/')
+ const filename = parts[parts.length - 1]
+ a.download = filename
+ }
+ if (url.startsWith('http') || url.startsWith('blob')) {
+ document.body.appendChild(a)
+ a.click()
+ document.body.removeChild(a)
+ }
+ else {
+ fetch(url)
+ .then(res => res.blob())
+ .then((blob) => {
+ const objectUrl = URL.createObjectURL(blob)
+ a.href = objectUrl
+ document.body.appendChild(a)
+ a.click()
+ document.body.removeChild(a)
+ URL.revokeObjectURL(objectUrl)
+ })
+ .catch((err) => {
+ console.error('Error fetching file:', err)
+ })
+ }
 }