zui組件不錯，但是上傳組件upload在移動端存在缺陷bug。
bug是：button.uploader-btn-browse移動端點擊無效；div.moxie-shim點擊有效，但是div.moxie-shim寬高沒有，需要div.moxie-shim顯現(xiàn)出來，button.uploader-btn-browse隱藏。

廢話不多說，上代碼(依賴jquery.js)：

<style type="text/css">button.uploader-btn-browse{display:none} </style> $('#exampleId').uploader({...onFilesAdded : function(files) {//zui 移動端bugzuiUploadBugAdapter(0)})...}) //解決zui-upload移動端上傳組件的bug zuiUploadBugAdapter(1500) function zuiUploadBugAdapter(time){setTimeout(function (){//$('button.uploader-btn-browse').remove()//巨坑，font-size:999px$(":file").css({'font-size': '10px'})$('span.zui_file_text_adpater').remove()$('div.uploader').css({'position': 'relative','margin-bottom': '50px'})$('div.moxie-shim').css({'position': 'static','top': '50px','left': '-1px',//寬度動態(tài)獲取，不要寫死'width': $('div.file-rename-by-click').width()+'px','height': '30px','background-color': 'rgb(50,128,252)','overflow': 'hidden','z-index': '1','text-align': 'center','padding-top': '5px','color': 'white','border-radius': '5px'})$('div.moxie-shim').append('<span class="zui_file_text_adpater">選擇文件</span>')},time)}

總結(jié)

以上是生活随笔為你收集整理的解决zui-upload（ZUI: 文件上传 - v1.8.1）移动端上传组件的bug的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。