根據(jù)weui.js文檔示例;var?uploadCount?=?0;
weui.uploader('#uploader',?{???url:?'http://localhost:8081',???auto:?true,???type:?'file',???fileVal:?'fileVal',???compress:?{???????width:?1600,???????height:?1600,???????quality:?.8
???},???onBeforeQueued:?function(files)?{???????//?`this`?是輪詢到的文件,?`files`?是所有文件
???????if(["image/jpg",?"image/jpeg",?"image/png",?"image/gif"].indexOf(this.type)?<?0){
???????????weui.alert('請上傳圖片');???????????return?false;?//?阻止文件添加
???????}???????if(this.size?>?10?*?1024?*?1024){
???????????weui.alert('請上傳不超過10M的圖片');???????????return?false;
???????}???????if?(files.length?>?5)?{?//?防止一下子選擇過多文件
???????????weui.alert('最多只能上傳5張圖片,請重新選擇');???????????return?false;
???????}???????if?(uploadCount?+?1?>?5)?{
???????????weui.alert('最多只能上傳5張圖片');???????????return?false;
???????}
???????++uploadCount;???????//?return?true;?//?阻止默認行為,不插入預覽圖的框架
???},???onQueued:?function(){???????console.log(this);???????//?console.log(this.status);?//?文件的狀態(tài):'ready',?'progress',?'success',?'fail'
???????//?console.log(this.base64);?//?如果是base64上傳,file.base64可以獲得文件的base64
???????//?this.upload();?//?如果是手動上傳,這里可以通過調(diào)用upload來實現(xiàn);也可以用它來實現(xiàn)重傳。
???????//?this.stop();?//?中斷上傳
???????//?return?true;?//?阻止默認行為,不顯示預覽圖的圖像
???},???onBeforeSend:?function(data,?headers){???????console.log(this,?data,?headers);???????//?$.extend(data,?{?test:?1?});?//?可以擴展此對象來控制上傳參數(shù)
???????//?$.extend(headers,?{?Origin:?'http://127.0.0.1'?});?//?可以擴展此對象來控制上傳頭部
???????//?return?false;?//?阻止文件上傳
???},???onProgress:?function(procent){???????console.log(this,?procent);???????//?return?true;?//?阻止默認行為,不使用默認的進度顯示
???},???onSuccess:?function?(ret)?{???????console.log(this,?ret);???????//?return?true;?//?阻止默認行為,不使用默認的成功態(tài)
???},???onError:?function(err){???????console.log(this,?err);???????//?return?true;?//?阻止默認行為,不使用默認的失敗態(tài)
???}
});
?
并不能實現(xiàn)我想要的手動上傳。
this.upload();可以實現(xiàn)手動上傳;可是我沒有弄明白。
請大佬指點!多謝!
vue使用weui.js的uploader怎么實現(xiàn)手動上傳?
qq_卓小生_0
2018-08-28 16:05:53