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实现二维码弹窗、并下载到本地的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。