结合elemen ui
<el-upload class="upload-demo" :on-preview="handlePreview" action="66666" :on-remove="handleRemove" multiple :before-upload="shopbeforeAvatarUpload"> <el-button size="small" type="primary" @click=‘getupload()‘>点击上传</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> </el-upload>
跨越问题,下次再补上解决方法
getupload(){ this.$http.put(wechatapi+‘/token?access-token=‘+this.token).then((res)=> { this.upload = ‘/cgi-bin/material/add_material?access_token=‘+ res.body+‘&type=image‘; return }).catch((error)=> {}) }, shopbeforeAvatarUpload(file) { const isJPG = file.type === ‘image/jpeg/png‘; const isLt2M = file.size / 1024 / 1024 < 2; if (!isLt2M) { this.$message.error(‘上传头像图片大小不能超过 2MB!‘); } this.$http.put(wechatapi+‘/token?access-token=‘+this.token).then((res)=> { var fd =new FormData(); fd.append(‘media‘,file,file.name); this.$http.post(‘/cgi-bin/material/add_material?access_token=‘+ res.body+‘&type=image‘,fd,{emulateJSON:true}).then((res)=>{ console.log(res) }).catch((res)=>{}) }).catch((error)=> {}) return false },
另外获取微信token的接口是封装过的