一、思路，从后台获取七牛令牌，上传图片到七牛，获取返回图片路径放入上传。

二、代码。

El-input v-model=' list video query。orgLogo ' @ change=' orgLogoChange '/El-input El-col : span=' 10 ' class=' mt10 ' El-upload class=' upload-demo ' : file-list=' file list 2 ' : action=' domain ' 33: beforeAvatarUpload ' : data=' form ' 3: on-remove=' handleremoveqglogo ' :点击上传/El-button div slot=' tip ' class=' El-upload _ _ tip '只能上传jpg/png文件，且不超过500 kb/div/El-上传/El-共同导出默认{ name: ' edit，data() { return { upPicName: ' '，//上传图片名字fileList1:[]，form: {}，//上传到七牛的令牌桶查询：{ bucket: '网站-图像'//这是我用来获取代币传给后台的字段}，域在： ' http://上传。奇牛。' com '，//七牛云的上传地址qiniuaddr : ' pd6 rnk 9 CK。bkt。云dn。com '//这是七牛云空间的外链默认域名} }，methods: { //上传图片规格beforeAvatarUpload(file){ const isJPG=file。type==' image/JPEG ' | | file。type==' image/png ' const isLt2M=file。size/1024/1024 5 if(！isJPG){ 0返回这个$message.error('上传文件只能是使用联合图象专家组文件交换格式存储的编码图像文件扩展名或巴布亚新几内亚格式!')}如果(!isLt2M){ 0返回这个$message.error('上传图片大小不能超过“5MB！”)}返回upQiniu(this.bucketQuery).然后(RES={ this。form={ token : RES . data } })}，//图片改变及上传bannerPicChange(值){这个。文件列表1=[]这个。文件列表1。push({ name :值，url:值}) }、handleBannerPicRemove(文件，文件列表){这个。文件列表1=[]这个。列表视图。orgLogo=' ' }、handleAvatarSuccess(响应){如果(这个。uppicname==' orgLogo '){ this。文件列表1=[]这个。文件列表1。推送({ name : ' 3358 ' $ message({ type : ' success '，message: '上传成功!'，duration: 2000 }) }，} }三、效果。

总结

以上所述是小编给大家介绍的某视频剪辑软件中埃尔-上传上传图片到七牛的示例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！