[筆記] 使用 JavaScript 觸發選擇文件視窗
這幾天在更新上傳頁面 讓他可以支援拖放檔案
但在不能拖放的裝置 例如手機也可以上傳
所以要讓區域可以點擊 然後讓使用者來選檔案
目前沒有辦法直接呼叫 替代方案是放一個看不見的 `<input type="file">`
然後再用 js 去戳他
HTML:
```html
<input type="file" style="visibility:hidden"/>
<button>Choose File</button>
```
JS:
```js
document.querySelector("button").addEventListener("click", ev => {
document.querySelector("input[type=file]").click();
});
```
成品:
![img](https://i.imgur.com/5J7DMsA.png)
Reference:
https://stackoverflow.com/questions/2048026/open-file-dialog-box-in-javascript
https://stackoverflow.com/questions/47515232/how-to-set-file-input-value-when-dropping-file-on-page
2020-01-26 16:45:30
留言
Last fetch: --:--
現在還沒有留言!