登录  /  注册
博主信息
博文 250
粉丝 3
评论 0
访问量 370654
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
踩坑日志 | layui图片上传重复的问题
梁凯达的博客
原创
2816人浏览过

因为项目需求,想实现一个效果:

上传图片预览到页面上,再上传一个图片的时候,会替换掉原来的图片
于是,写了一些代码….
作为前端菜鸡的我,写了一下的代码:

[AT$G0Z5H`6XY%ZP6DJE4@T.png

我以为,删除掉了元素+节点,就可以实现单个文件上传,不重复的效果

但是我太天真了,在console.log()的结果中,呈现出递增打印的结果..

第一次打印出了一张图片,第二次打印了三张,第三次打印到了六张(1+2+3+4递增)...

在网上查阅了很多的资料,发现核心的问题在于:

没有删除掉layui本身上传的对象,对象重复提交了...

复制粘贴一下资料写的内容:

两行超级重要的代码:

//获取到了队列当中的对象

①var files = this.files =obj.pushFile();

//删除掉队列的索引

②delete this.files[index];

如果队列的索引没有删除,就会引起不断的重复..导致出现两个图片,三个图片堆砌在一起的后果...

4311bf3cf4a97d17316ee16287b88fbf_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjY5MTk5MQ==,size_16,color_FFFFFF,t_70.png

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学