layui实现二维码弹窗、并下载到本地的方法

在服务器端写好生成二维码的方法，在下面调用

具体实现方法如下，为了方便理解，直接附上源码，加上注释会更加容易理解吧

function share(vote_id){
//二维码生成链接
var url = "{:U('Admin/Vote/logo')}?vote_id="+vote_id;
//弹窗
var index = layer.open({
//type:1 表示页面层
type: 1,
title: '分享二维码',
//是否点击遮罩关闭
shadeClose: true,
//样式类名，可以自定义弹窗样式
skin:'demo_share',
//弹层外区域
shade: 0.3,
maxmin: false, //开启最大化最小化按钮
//宽高
area: ['480px','320px'],
//内容
content: "<img src='"+url+"' alt=''>",
//弹窗下方的按钮
btn:['<i class="layui-icon" style="margin-right: 10px;"></i>下载图片','取消','确定'],
//绑定第一个按钮的点击事件
btn1: function(index) {
//下载图片到本地
var a = document.createElement('a');
var event = new MouseEvent('click');
a.download = "分享投票二维码";
a.href = url;
a.dispatchEvent(event);
}
});

}

若有问题或错误，请小伙伴们在下方留言评论

以上这篇layui实现二维码弹窗、并下载到本地的方法就是小编分享给大家的全部内容了，希望能给大家一个参考

您可能感兴趣的文章:

• 使用layer弹窗和layui表单实现新增功能
• layui 对弹窗 form表单赋值的实现方法
• layui 实现二级弹窗弹出之后 关闭一级弹窗的方法