使用Webuploader過程中遇到的坑--ios端,選擇文件後無反應

在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都可以正常上傳了


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章