Save-file-by-url NPM

save-file-by-url

在浏览器中通过 url 下载文件。 Download file by url in browser. Live Demo

Why?

浏览器会尽可能直接预览（见 Demo），而不是保存到本地。 The browser will preview it as directly as possible (see Demo), rather than saving it locally.
原生 a 标签跨域下载时不支持重命名。 Native a tag do not support renaming when crossing origin.
点击的元素不是 a 标签。 The click eventTarget is not an a tag.
下载逻辑并不是由用户点击事件触发的，需要在业务逻辑中处理。 The download logic is not triggered by user click events and needs to be handled in the business logic.
a 标签会闪烁一下 There will be a flash when using an a tag.

Usage

yarn add save-file-by-url

import saveFileByUrl from 'save-file-by-url';

saveFileByUrl(
  'https://dummyimage.com/100x100/894FC4/FFF.png&text=hello',
  'hello.png',
);

Api

/**
 * @description Create an a element and click it.
 */
export declare function downloadByUrlLegacy(url: string, filename?: string): void;
/**
 * @description Download blob by javascript.
 */
export declare function getBlobByUrl(url: string | URL, detectFileName?: boolean): Promise<{
    blob: Blob;
    filename: string;
}>;
/**
 * @description Save blob to local.
 */
export declare function saveBlob(blob: Blob, filename: string): void;
/**
 * @description Download blob(file) by url, and save it.
 */
export default function downloadByUrl(url: string | URL, filename?: string): Promise<void>;