chrome浏览器自带的下载文件接口
时间: 2023-09-16 07:14:39 浏览: 229
Chrome 浏览器提供了一些原生的 JavaScript API 来处理文件下载。以下是一些常用的 Chrome 浏览器自带的下载文件接口:
1. `download` 属性:HTML5 的 `<a>` 标签中可以使用 `download` 属性来指定下载文件的名称。例如:
```html
<a href="path/to/file.pdf" download="filename.pdf">Download PDF</a>
```
点击链接时,浏览器将自动下载指定链接的文件,并将其保存为 `filename.pdf`。
2. `createObjectURL` 方法:可以使用 `URL.createObjectURL()` 方法来创建一个临时的 URL,用于下载文件。例如:
```javascript
const fileBlob = new Blob(['Hello, World!'], { type: 'text/plain' });
const downloadURL = URL.createObjectURL(fileBlob);
const link = document.createElement('a');
link.href = downloadURL;
link.download = 'filename.txt';
link.click();
URL.revokeObjectURL(downloadURL);
```
上述代码将在浏览器中动态创建一个 `<a>` 标签,设置其 `href` 属性为临时的下载 URL,然后模拟点击该链接进行下载。最后,通过 `URL.revokeObjectURL()` 方法撤销临时 URL。
这些接口可以在前端网页中使用,以触发文件下载操作。请注意,这些方法仅在浏览器中可用,无法在 Node.js 环境中使用。
希望这些信息能对你有所帮助!