element upload获取上传成功的图片地址

关于upload获取上传成功的图片地址

记录一个坑，在项目中用到了element的图片上传，

文档里的室这么写的获取图片的url

handleAvatarSuccess(res, file) {
this.imageUrl = URL.createObjectURL(file.raw);
},

但是实际上上面的 this.imageUrl 得到的是我本地的，我改了下才成功获取到上传后后台反我的url，也不知到是除了什么问题？

     <el-form-item label="文章配图：" class="fw48"><el-uploadclass="avatar-uploader"action="/api/fs/uploadfile":show-file-list="false":before-upload="beforeAvatarUpload":on-error='errupload':on-success="uploadSuccess"><img v-if="imageUrl" :src="data:imageUrl" class="avatar"><i v-else class="el-icon-plus avatar-uploader-icon"></i></el-upload></el-form-item>

//图片上传成功
uploadSuccess(res){
this.imageUrl=res.url
console.log(this.imageUrl,‘上传成功’)
},

element upload获取上传成功的图片地址相关推荐

图片上传IE11上传成功但图片无法显示问题的解决方案
同样是图片上传的问题.我用的是<input type="file" name="upload"> 问题描述: IE8/9/10都没有问题,上传到服务 ...
react simditor 上传成功修改图片路径
这里贴出simditor官方文档:http://simditor.tower.im/docs/doc-usage.html 1.npm install simditor 2.直接贴代码了 import ...
图片上传成功但是图片显示不出来_小程序上传图片到腾讯云
这是小程序开发第二篇,主要介绍如何上传图片到腾讯云,之所以选择腾讯云,是因为腾讯云免费空间大准备工作上传图片主要是将图片上传到腾讯云对象存储(COS). 要使用对象存储 API,需要先执行以下步骤 ...
element ui upload组件文件上传一次后，不论是上传成功之后修改文件再上传还是上传失败重新上传，再次点击上传均无反应。
问题: Element UI Upload 组件文件上传一次后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应. 原因: 第一次上传文件后,浏览器还保存着我们已经上传的文 ...
el-upload使用自定义上传，获取上传进度和上传成功回调
项目场景: 在后台管理系统上传图片时,使用自定义的上传方法问题描述用element-ui + vue2.0上传多张图片,并使用自定义方法时,无法获取上传进度和上传完成后的图片列表,想要获取上传完成 ...
.net mvc + layui做图片上传（二）—— 使用流上传和下载图片
摘要:上篇文章写到一种上传图片的方法,其中提到那种方法的局限性,就是上传的文件只能保存在本项目目录下,在其他目录中访问不到该文件.这与浏览器的安全性机制有关,浏览器不允许用户用任意的路径访问服务器上的 ...
antd upload手动上传_基于MVVCTP5的文件上传
现如今在市面上常见的web开发理念一般是两种,一种是MVC格式的,比较传统,而项目较大的开发,一般由团队完成,而MVC格式就显得有些不够合理 .于是 ,在这种情况下诞生了另外一种开发理念,我们叫MVV ...
antd Upload 自定义上传
需求由于使用antd 上传图片,在某些情况下,例如token 失效,导致上传图片错误,但是antd 组件始终会走onChange 事件导致上传路径为空情况解决办法使用自定义上传 // 自定义上 ...
summernote富文本编辑器实现图片添加上传和删除图片
summernote的基本使用 HTML代码 //div添加个id就可以 <div id="summernote" ></div> 然后JS操作 //实例化 ...

element upload获取上传成功的图片地址

关于upload获取上传成功的图片地址

element upload获取上传成功的图片地址相关推荐

最新文章

热门文章