layui upload 点击上传没有反应 JS动态加载

下图中“上传图片”是js动态加载的，点击“上传图片”没有反应，是因为layui的触发函数是先于动态加载的html代码的，所以就会绑定失败。

解决方案：

js代码：


// 某个js函数
function test(){// 构造要嵌入html代码// ......certificates_html += '<button type="button" class="layui-btn upload_img" id="original_document_' + accounting_entry['id'] + '">';certificates_html +=      '<i class="layui-icon"></i>上传图片';certificates_html += '</button>';// 将html代码嵌入到html页面中document.getElementById('all_certificates').innerHTML = certificates_html;// 为html代码绑定上传事件layui.use(['form','upload'],function(){var $ = layui.jquery,upload = layui.upload;upload.render({elem: '.upload_img',url: "{:url('Upload/upload')}",before: function(){// 上传服务器前的操作var item = this.item;var getId=item.context.id;console.log(item)console.log(getId)},done: function(res, index, upload){// 上传服务器后的操作console.log(res);var item = this.item;var getId=item.context.id;}})});
}

layui upload 点击上传没有反应 JS动态加载相关推荐

layUi upload单文件上传，重复上传的问题
今天遇到个问题,layUi upload单文件上传,选择两个不同文件时,第二次点击上传按钮还没选择上传,会把第一次上传的文件再上传一次 .在网上查到了答案,记录一下 //单个上传 upload.ren ...
layui upload 额外参数上传
layui 2.0.x upload 额外参数上传 <div class="layui-inline" style="margin-top: 5px;"& ...
js动态加载HTML元素时出现的无效的点击事件
项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面图二: js文件中的这些js的点击事件无效: j ...
layUI 之 layui.upload before 阻断上传
layui版本号:v2.5.5 我想要在上传文件之前判断这个资源属性属于哪种,如果不是正确的资源属性那么就终止上传. 第一步: 首先before终止上传按理来说直接return false 就可以了, ...
layui上传文件时显示正在加载
一,声明全局变量 var loadingIndex; 二, 在上传按钮点击事件中添加 //在上传按钮点击事件中添加 loadingIndex = layer.load(1, {shade: [0.5, ...
文件异步上传使用虚拟滚动el-table-virtual-scroll加载数据
需求最近在写一个批量导入数据的功能,需要通过上传文件异步导入调接口,将后台返回Excel文件里的数据不做分页用列表展示出来,再加上需要在列表嵌入输入框,所以加载大量数据渲染的时候要加载很久,需要用到 ...
Bmob+Luban（鲁班）压缩图片实现相册选择图片压缩后上传到Bmob后台Glide加载图片显示到本地
源代码已上传CSDN:https://download.csdn.net/download/qq_16519957/11068345 因为本章需要跟前面的知识结合起来看所以就做了一个前面链接方便大家查 ...
OkGo第三方框架的上传与下载+Glide图片加载器
OkGo第三方框架 OkGo依赖:implementation 'com.lzy.net:okgo:3.0.4' OkGo下载文件 OkGo.<File>get("http:// ...
Layui框架实现图片上传
Layui框架实现图片上传前言: 一直以来,图片上传总是件很麻烦的事.最近在学layui,发现layui真是极大简化了各种复杂的操作,避免了繁琐的开发. layui图片上传和传统的图片上传不同,它并 ...
原生js--封装点击上传附件
在日常开发中,经常会有点击按钮上传附件的功能需求. 在我们平时的开发中,已经习惯把当前项目所用到的UI框架中的上传组件拿来直接使用例如:antd的上传组件以及element的上传组件,其实在用法上 ...

layui upload 点击上传没有反应 JS动态加载

layui upload 点击上传没有反应 JS动态加载相关推荐

最新文章

热门文章