elementUI上传图片后删除

看了好几篇回答，他们用的都是照片墙，所以删除图片的时候感觉有些复杂。

ElementUI中上传图片信息后是用一个数组存储图片信息的。

// 存放上传的图片信息fileList: [],

官方文档里没有写删除的具体方法，而我限定只能上传一张照片。

// :class控制动态显示  <el-uploadaction="http://localhost:8000"list-type="picture-card":auto-upload="false":on-change="handleChange"limit:1:class="{ disabled: this.fileList.length > 0 }">..................................................// CSS样式.disabled .el-upload--picture-card  {display: none;
}

也就是说，我的数组里最多只有一个元素，那这就好办了，上传就是入栈，删除就是出栈，不用判断删除的是哪张照片不是吗。

我直接这样出栈，就实现了上传后删除的效果：

// 上传后移除图片handleRemove(file) {// 把存储图片信息的数组出栈一位this.fileList = this.fileList.pop()},

elementUI上传图片后删除相关推荐

element-ui 上传图片后清空图片显示
element-ui 上传图片后清空图片显示使用element-ui,使用el-upload上传图片,上传图片后再次打开还是会有原来的图片,想要清空原来上传的图片,只需要在组件上绑定ref,在提交成 ...
ElementUI上传图片后，清除缓存
element ui 图片控件排序_Element-ui上传图片后隐藏上存控件
在使用Element-ui el-upload组件的时候,发现我只想上存一张图片,比如头像的上存,然而上存一张后,控件还可以继续上存. 一下的方法是Element-ui上传图片后隐藏上存控件. 在el ...
vue+elementUI上传图片
vue+elementUI上传图片笔记总结有裁剪框上传图片组件: <template slot="iconForm"><el-uploadclass=&quo ...
Vue+Element-UI 上传图片，打开相机，相册
Vue+Element-UI 上传图片,打开相机,相册 Element-UI中提供的Upload组件,是用来上传文件用的,并没有单独的纯用来上传图片的组件,所以,在部分浏览器(手机)中,打开后会发现是 ...
前端vue+element-ui上传图片至七牛，并返回外链URL至后台
前端vue+element-ui上传图片至七牛,并返回外链URL至后台上传文件到七牛云代码 2019/08/12 上传文件到七牛云注册登陆到七牛云,需要认证信息才能创建个人存储空间; 注册等步骤 ...
php删除上传图片,PHP上传图片、删除图片的简单示例代码
本节内容: PHP上传图片.删除图片 1,php上传图片: 复制代码代码示例: if (!empty($_FILES["img"]["name"])) { / ...
ueditor html显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...
<百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法>要点: 本文介绍了百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法,希望 ...
怎么向后删除？（删除光标后的字符）（按delete键）
按Delete键.若是笔记本电脑,这个键在最右上方:若是台式机,这个键在方向键上方参考文章:怎么向后删除?就是鼠标在前面,但是删除的却是后面?

elementUI上传图片后删除

elementUI上传图片后删除相关推荐

最新文章

热门文章