在PC和Android端是可以正常選擇和上傳文件和圖片的,但是在ios選擇圖片後,在頁面上無反應,任何事件都不觸發。折騰了兩天硬是沒解決,直到在晚上凌晨的才找出原因。原因竟然是dom結構不正確引起的。
官方給的結構是
<!--dom結構部分-->
<div id="uploader-demo">
<!--用來存放item-->
<div id="fileList" class="uploader-list"></div>
<div id="filePicker">選擇圖片</div>
</div>
而我的是
<!--dom結構部分-->
<div id="uploader-demo">
<label><span id="filePicker">選擇圖片</span></label>
<!--用來存放item-->
<div id="fileList" class="uploader-list"></div>
</div>
而問題恰恰出現在這個地方
<label><span id="filePicker">選擇圖片</span></label>
因爲#filePicker被label元素包圍,導致初始化後的按鈕沒有觸發uploader的任何事件,所以附件也就沒有上傳。
最後把label元素替換成div就可以了,在PC、Android、ios都可以正常上傳了