天天看點

使用button按鈕來模拟input的檔案以及圖檔上傳的事件、原生寫法

使用button按鈕來模拟input的圖檔上傳

基本思路
1、搭建 HTML 結構
2、建構 JavaScript 塊,寫邏輯
3、驗證
           

通俗的講就是:

先點選按鈕,在點選按鈕時模拟點選 input,然後再來監聽 input本身帶的 change事件,用來實作具體的圖檔上傳

話不多說,上代碼:

使用button按鈕來模拟input的檔案以及圖檔上傳的事件、原生寫法
上文中的:
	URL.createObjectURL() 靜态方法會建立一個 DOMString,
	其中包含一個表示參數中給出的對象的URL。
	這個 URL 的生命周期和建立它的視窗中的 document 綁定。
	這個新的URL 對象表示指定的 File 對象或 Blob 對象
           

以上皆為:input的file事件,模拟點選,因為 原有的 input type=“file” 樣式确實有點醜了,可以自己自行吊證樣式,端看個人審美了

加油!

繼續閱讀