当前位置: 首页 > Web前端 > vue.js

vue-upload-imgs使用

时间:2023-04-01 12:02:14 vue.js

上传Step1:installcnpmivue-upload-imgs-SStep2:IntroduceimportVueUploadImgsfrom'vue-upload-imgs'Vue.use(VueUploadImgs)intomain.jsStep3:使用

只能上传3张图片
关闭
/div>exportdefault{data(){return{files:[],maxSize:1024*10,//10KBpreviewIMG:null,limit:3,isPreview:false,type:2//0:预览1:列表2:预览+上传}},methods:{oversize(file){console.log('filesize:'+file.size/1024+'KB')},afterRead(file){console.日志('读后');控制台日志(文件);},beforeRemove(index,file){console.log(index,file);返回真;},preview(index,file){this.previewIMG=file.url;this.isPreview=true;},exceed(){alert(`只能上传${this.limit}张图片`);},closePreview(){this.isPreview=false},beforeRead(files){console.log('before-read');for(leti=0,len=files.length;i