Electron 搭建檔案瀏覽器

2022-07-02 15:36:14 字數 1736 閱讀 7785

electron

electron-builder

async

類似window系統中的資料夾

顯示指定目錄下的所有檔案列表

區分檔案和資料夾(最好區分每一種檔案型別)

點選檔案可以開啟(預設開啟方式),點選資料夾可以進入該檔案目錄

可以返回上一目錄(返回到頂部時,直接關閉視窗)

可以通過快捷鍵或按鈕直接開啟當前目錄的資料夾

功能1:獲取指定目錄下的檔案列表

使用fs模組的readdir方法

const fs = require("fs");

fs.readdir(folderpath, (err, files) =>

// 處理檔案列表

})

功能2:區分檔案列表中的檔案和資料夾

使用fs模組的stat方法

// 在上面的 『處理檔案列表』 處,呼叫

filesystem.inspectanddescribefiles(folderpath, files, (err, files) =>

// 根據檔案資訊,顯示檔案列表

})// 以下**封裝在filesystem.js模組中

const async = require("async");

// 檢視和描述檔案列表

function inspectanddescribefiles(folderpath, files, cb) , cb)

}const fs = require('fs');

// 檢視和描述檔案

function inspectanddescribefile(filepath, cb) ;

fs.stat(filepath, (err, stat) => else else if (stat.iddirectory())

cb(err, result);

} })

}

功能3:點選頁面上的檔案和資料夾,開啟檔案或載入新的檔案目錄

對於檔案,直接使用預設的開啟方式開啟

const shell = require("electron").shell;

shell.openpath(filepath);

對於資料夾,需要重走我們的 載入檔案列表的方法 loaddirectory(file.path)

需要記錄檔案目錄路由,並使用 載入檔案列表的方法 loaddirectory(file.path)

對於返回到頂層時,直接退出應用

功能5:快捷鍵開啟window系統的資料夾

配置index.js

// 建立瀏覽器視窗

const win = new browserwindow(,

autohidemenubar: true, // 預設隱藏選單欄

fullscreen: true, // 預設全屏

});

快捷鍵監聽:

const  = require("electron").remote;

function bindopenfoldevent()

})}

檔案瀏覽器的demo:

搭建EOS瀏覽器

安裝php 7.2 sudo add apt repository ppa ondrej php sudo apt get update sudo apt get install php7.2 安裝php擴充套件 sudo apt get install php7.2 mongodb sudo ap...

檔案瀏覽器

原文參考 相關的知識點先說一下,其實沒什麼,就listview的應用,然後目錄的資訊通過匯入包 import qt.labs.folderlistmodel 2.1 效果如圖 分為三部分 返回父目錄,當前目錄顯示,下面的分隔部分.自定義乙個元件,方便呼叫 import qtquick 2.0 rec...

檔案瀏覽器

我們實現乙個簡單的檔案瀏覽器,這個示例沒有通過手動迴圈檔案或目錄,而是利用 gridview 及資料繫結 來處理所有的事情。目錄列表分別用了兩個 gridview 控制項建立,其中乙個在另乙個的上面。最上層的 gridview 顯示目錄,而底層的 gridview 顯示檔案。第二個 gridview...