input 開啟資料夾事件委託

2022-07-25 10:00:14 字數 704 閱讀 2855

原生的file input不收待見的另外乙個原因是:長的醜還不好控制。

舉個例子,下圖這個「選擇檔案」這幾個文字,我們就不好對file控制項動刀子實現自定義:

怎麼辦呢?

有一種方法是這樣的:

讓file型別的元素透明度0,覆蓋在我們好看的按鈕上。然後我們去點選好看的按鈕,實際上點選是是file元素。

然而,此方法有一些不足:

尺寸控制不靈活。csswidth屬性有些瀏覽器不管用,需要使用size,然後高度控制也不精準,我們很難正好覆蓋在好看的自定義按鈕上。

樣式不好控制,按鈕的hover態以及active態不好處理。

html結構限制以及定位成本。

更好的方法是,使用label元素與file控制項關聯,好處在於:

點選自定義的漂亮按鈕就是點選我們file控制項;

沒有尺寸控制不精確的問題;

沒有不能響應hover態active態的問題;

我們的漂亮按鈕甚至可以在form表單元素的外面,例如:

上傳檔案

開啟資料夾方法

1.qprocess startdetached explorer path 2.qdesktopservices openurl qurl fromlocalfile path 都可以開啟資料夾但有些不同,1是實際是啟動乙個程式,只是可以傳引數,所以要指定用什麼開啟,開啟引數是什麼 這裡裡用exp...

cmd 開啟檔案與資料夾

word start winword c shortcut shortcutword.doc excel start excel c shortcut shortcutexcel.xls powerpoint start powerpnt c shortcut shortcutppt.ppt pdf...

bat檔案 啟動程式 開啟資料夾

bat檔案 啟動程式 開啟資料夾 不想每次開啟機子繼續上一次的工作時去手工乙個乙個滴開啟程式和開啟資料夾,故想寫乙個bat雙擊解決。1 啟動程式 start download.bat echo off echo 準備啟動thunder。echo 啟動完畢,準備退出。rem 為注釋語句 2 開啟資料夾...