layui实现二维码弹窗、并下载到本地的方法
更新时间：2019年09月25日 15:01:03 作者：Asserty666
今天小编就为大家分享一篇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实现二维码弹窗、并下载到本地的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
webpack是一种前端资源构建工具,一个静态模块打包器(module bundler),下面这篇文章主要给大家介绍了关于Webpack完整打包流程的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了JS+CSS实现闪烁字体效果代码,可实现文字按照指定颜色逐次闪烁显示的功能,代码非常简单实用,需要的朋友可以参考下2016-04-04
这篇文章主要为大家详细介绍了bootstrap multiselect下拉列表功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
JS使用getComputedStyle()方法获取CSS属性值
经常会用到js来获取元素的CSS样式，由于方法众多，在下面的文章中为大家详细整理下2014-04-04
这篇文章主要介绍了4个值得收藏的Javascript技巧，文章首先通过变量转字符串展开主题详情，需要的小伙伴可以参考一下2022-07-07
保证JavaScript和Asp、Php等后端程序间传值编码统一
在WEB开发过程中，前后端要求数据编码一致的处理是经常会碰到的！2009-04-04
这篇文章主要为大家详细介绍了js实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要介绍了JS搜狐面试题,涉及javascript数组、字符串及面向对象程序设计相关技巧,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了JavaScript实现LRU缓存淘汰算法,下面是用 JavaScript 实现 LRU（Least RecentlyUsed,最近最少使用）缓存淘汰算法的代码,并附上详细的步骤解释,需要的朋友可以参考下2024-12-12
这篇文章主要介绍了JS实现将数字金额转换为大写人民币汉字的方法,涉及javascript字符串与数组操作的相关技巧,需要的朋友可以参考下2016-08-08
最新评论