layui图片上传按钮按着没反应_关于layui动态生成文件上传按钮后点击无效的解决办法...

在使用layui-v2.5.6和jQuery v3.2.1时遇到动态生成表单中图片上传按钮无效的问题。解决方法是确保动态生成的id唯一,并在生成后重新调用upload.render(),并使用id选择元素。提供了一个名为uploadImgRender的函数示例和动态增加表单元素的代码片段。
摘要由CSDN通过智能技术生成

首先,这是一个坑,大坑,网上一大堆写的云里雾里,不知所以,转了一圈,除了copy就是copy,Jesus God,花了一晚上,走通了这个坑,话不多说,直接解决

layui版本: layui-v2.5.6

jquery版本:jQuery v3.2.1

问题:

上传多个商品的时候,后续的表单需要动态生成,其中包括上传文件按钮,获取文件。可是动态上传后,改上传按钮没有作用。我不是专业的前端,没有深入分析,直接说明解决方法,至于原理啥的,如果帮助了你,麻烦告知。

点击增加的时候,动态生成表单

具体做法,首先,动态生成的id需要动态拼接,保持唯一性,在拼接完成后,重新将upliad.render(...)的所有逻辑调用一遍。期间元素选择用id,这个很重要!!!!

封装成方法:

function uploadImgRender(e,showImg,uploadimd){

var uploadImg = upload.render({

elem: e

, url: '' //改成您自己的上传接口

<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值