使用button按鈕來模拟input的圖檔上傳
基本思路
1、搭建 HTML 結構
2、建構 JavaScript 塊,寫邏輯
3、驗證
通俗的講就是:
先點選按鈕,在點選按鈕時模拟點選 input,然後再來監聽 input本身帶的 change事件,用來實作具體的圖檔上傳
話不多說,上代碼:
上文中的:
URL.createObjectURL() 靜态方法會建立一個 DOMString,
其中包含一個表示參數中給出的對象的URL。
這個 URL 的生命周期和建立它的視窗中的 document 綁定。
這個新的URL 對象表示指定的 File 對象或 Blob 對象
以上皆為:input的file事件,模拟點選,因為 原有的 input type=“file” 樣式确實有點醜了,可以自己自行吊證樣式,端看個人審美了
加油!