Element UI中開啟本地檔案

2021-10-25 18:25:20 字數 990 閱讀 2764

有時候我們要開啟本地檔案直接在頁面上檢視,怎麼用element-ui提供的功能實現?

:auto-upload

="false"

:on-change

="elinfile"

multiple

accept

="audio/*"

>

size

="mini"

icon

="el-icon-upload2"

round

>

el-button

>

el-upload

>

說明:

:auto-upload是關閉上傳功能,就是說開啟的檔案不向某個介面提交,只在前端開啟

:on-change是檔案變化的鉤子函式

mutiple允許一次上傳多個檔案

accept是檔案型別,audio指音訊

/**

1. 檔案狀態改變時的鉤子,新增檔案、上傳成功和上傳失敗時都會被呼叫。

2. 這個函式本就在上傳迴圈體中,所以不需要反覆操作

3. @param f :當前上傳的檔案;

4. @param fs :當前檔案列表;

*/elinfile

(f, fs)

,

說明:

f和fs都是呼叫時自帶的引數。elinfile這個函式很特別,由於它在:on-change中,所以如果你上傳了n個檔案,那麼這個函式就會迴圈執行n次

this.staticfiles是我自定義的乙個空陣列,把檔案資訊轉錄出來,方便實現另乙個功能,後面講

以音訊為例,上傳了多個音訊但是不能手動前進後退實在太蠢了,這就需要剛才的那個 this.staticfiles

next()

else},

pre(

)else

}

AIR程式呼叫本地預設應用程式開啟本地檔案

air程式呼叫本地預設應用程式開啟本地檔案 當我用下面語句的時候,可以成功開啟桌面資料夾下面的檔案 當我這樣呼叫的時候,報錯了 error error 3000 illegal path name.at error throwerror 網上搜了一下,發現要在xml檔案下面寫一句配置 extende...

Flex 開啟本地檔案

在flash player10中有個類filereference的類可以實現上傳這個功能,不過還是沒有辦法實現開啟本地檔案的效果,在web中api並沒有提供操作檔案的功能,只有在air桌面開發中才提供類似的功能。呼叫 不過只能開啟資料夾,只能右鍵開啟檔案。網上有js和flex 開啟本地檔案的方法,這...

hive 開啟本地模式

先講乙個hive使用的乙個小技巧。對於使用慣了oracle資料庫的人來說,hive中沒有dual啊,想驗證一些函式的執行結果很是麻煩。比如我們在oracle資料庫裡面可以寫select 1 2 from dual可以返回3。為了保證使用習慣,我們類似的在hive中也建一張dual表 create t...