input:file onchange事件無法讀取解決方法

最近做項目，移動端的多文件上傳，使用input:file讀取文件

<input type='file' name='file' multiple accept='image/*' capture='camera'>

但是在移動端 設置 multiple 屬性是不起作用的，設置此屬性PC端可以多選而移動端無法多選。

我使用的解決方案是動態添加 input:file標簽。，每添加一個標簽就出發一次click事件讀取文件。然后選擇相片並且將相片顯示在頁面上。

一開始直接在通過JQuery綁定change事件，結果發現無法觸發；接着用原生，也不行；最后直接將事件綁定到標簽上也是不行的，全都觸發不了change事件。

查詢過后發現是input:file的問題  https://www.cnblogs.com/axl234/p/3897399.html

進入頁面執行JS時，先將表單 RESET掉   form,reset();

然后將change事件綁定到form表單上，采用事件委托。順利解決。

 

 

學習到知識是快樂的，充滿成就感的。