最近由於公司專案的需要，使用HBuilder開發基於MUI的web版APP，其中有一個檔案上傳的功能，通過查詢資料，發現利用HTML5+的Uploader模組的API能上傳檔案。經過一番折騰後，終於成功實現了多檔案的上傳，簡單地記錄一下主要的實現方法，方便以後使用。

//上傳附件
function uploadFile(){
    //檔案集合
    var files=[];
    //伺服器地址
    var server=Util.getBaseURL() + "uploadFile";
    var wt=plus.nativeUI.showWaiting();
    var task=plus.uploader.createUpload(server,
        {method:"POST"
 
},
        function(t,status){
            //上傳完成
            if(status==200){
                wt.close();
                console.log("上傳成功："+t.responseText);
                //服務端返回的結果
                var result = JSON.parse(t.responseText);
            if(result.success){

            for(var i=0;i<result.datas.length;i++){
                if
 
(i==result.datas.length-1){
                    attaIds += result.datas[i];
                }else{
                    attaIds += result.datas[i]+",";
                }
            }

            console.log("attaIds的值："+attaIds);

            saveWorkReport();

            }else{
                console.log("上傳失敗："
 
+status);
                wt.close();
            }

            }else{
                console.log("上傳失敗："+status);
                wt.close();
            }
        }
    );
    //將檔案集合新增到上傳佇列中
    for(var i=0;i<files.length;i++){
        var f=files[i];
        task.addFile(f.path,{key:f.name});
    }
    task.start();
}

通過以上方法即可多檔案上傳至伺服器。PS：經過這幾天使用HBuilder開發，真心感覺很不錯，程式碼提示很智慧，大大提高了開發效率，而且還是國產的，必須支援啊。MUI前端框架做出來的效果也很接近原生APP，難怪原生開發沒有以前那麼受歡迎了。。。