electron 实现文件下载管理器(1)

主进程实现代码：

/**

• 打开文件选择框

• @param oldPath - 上一次打开的路径

*/

const openFileDialog = async (oldPath: string = app.getPath(‘downloads’)) => {

if (!win) return oldPath

const { canceled, filePaths } = await dialog.showOpenDialog(win, {

title: ‘选择保存位置’,

properties: [‘openDirectory’, ‘createDirectory’],

defaultPath: oldPath,

})

return !canceled ? filePaths[0] : oldPath

}

ipcMain.handle(‘openFileDialog’, (event, oldPath?: string) => openFileDialog(oldPath))

渲染进程代码：

const path = await ipcRenderer.invoke(‘openFileDialog’, ‘PATH’)

3.2 暂停/恢复和取消

================

拿到 downloadItem 后，暂停、恢复和取消分别调用 pause、resume 和 cancel 方法。当我们要删除列表中正在下载的项，需要先调用 cancel 方法取消下载。

3.3 下载进度

============

在 DownloadItem 中监听 updated 事件，可以实时获取到已下载的字节数据，来计算下载进度和每秒下载的速度。

// 计算下载进度

const progress = item.getReceivedBytes() / item.getTotalBytes()

在下载的时候，想在 Mac 系统的程序坞和 Windows 系统的任务栏展示下载信息，比如：

• 下载数：通过 app 的 badgeCount 属性设置，当为 0 时，不会显示。也可以通过 dock 的 setBadge 方法设置，该方法支持的是字符串，如果不要显示，需要设置为 ‘’。

• 下载进度