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


Posted in Javascript onSeptember 25, 2019

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

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

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

Javascript 相关文章推荐
javascript 学习笔记(一)DOM基本操作
Apr 08 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
javascript 获取网页标题代码实例
Jan 22 Javascript
JavaScript学习笔记之Cookie对象
Jan 22 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
微信小程序云函数使用mysql数据库过程详解
Aug 07 Javascript
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
vue实现广告栏上下滚动效果
Nov 26 Vue.js
使用localStorage替代cookie做本地存储
Sep 25 #Javascript
JavaScript使用localStorage存储数据
Sep 25 #Javascript
Vue路由守卫之路由独享守卫
Sep 25 #Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 #Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 #Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 #Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 #Javascript
You might like
PHP高级OOP技术演示
2009/08/27 PHP
解析数组非数字键名引号的必要性
2013/08/09 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
php限制文件下载速度的代码
2015/10/20 PHP
实例讲解PHP表单
2020/06/10 PHP
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
vue组件实例解析
2017/01/10 Javascript
JS实现的tab切换选项卡效果示例
2017/02/28 Javascript
纯JS实现只能输入数字的简单代码
2017/06/21 Javascript
vue页面加载闪烁问题的解决方法
2018/03/28 Javascript
微信小程序实现刷脸登录
2018/05/25 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
Python 的 with 语句详解
2014/06/13 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Python中标准模块importlib详解
2017/04/16 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
python多线程并发及测试框架案例
2019/10/15 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
Python 使用Opencv实现目标检测与识别的示例代码
2020/09/08 Python
HTML5地理定位实例
2014/10/15 HTML / CSS
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
语文教育专业应届生求职信
2013/11/23 职场文书
旅游管理毕业生自荐书
2014/02/02 职场文书
元旦联欢会感言
2014/03/04 职场文书
七年级作文之英语老师
2019/10/28 职场文书
导游词之云南省玉龙雪山
2019/12/19 职场文书
pycharm无法安装cv2模块问题
2022/05/20 Python