electron 静默下载文件

cooljser 2020-12-24 electron

上传、下载文件是一个很常用的功能，在 electron 中我们不但可以实现和 h5 一样的下载，也可以实现静默下载，让用户无感知。官方的做法是通过mainWindow.webContents.downloadURL(url)来实现的，这样实现的话需要主线程和渲染线程都做相关的改动，其实我们也可以利用 nodejs 在渲染进程中就做到静默下载，不需要用到主线程的窗口 api。

#初始化一个窗口

const { app, BrowserWindow } = require('electron')function createWindow () {const win = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true}})win.loadURL('http://localhost:8080')
}app.whenReady().then(createWindow)app.on('window-all-closed', () => {if (process.platform !== 'darwin') {app.quit()}
})app.on('activate', () => {if (BrowserWindow.getAllWindows().length === 0) {createWindow()}
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

#初始化 h5 页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

步骤：

1. 通过 axios 下载图片二进制数据；
2. 利用 FileReader 读取二进制数据；
3. 将读取的结果写到本地。

#参考文章

• electron程序，如何静默下载文件？文件下载形式总结

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！