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 用原型继承来实现对象系统
Mar 22 Javascript
JavaScript实现拼音排序的方法
Nov 20 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
Nov 02 Javascript
JavaScript编程的单例设计模讲解
Nov 10 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
三种Webpack打包方式(小结)
Sep 19 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
javascript用defineProperty实现简单的双向绑定方法
Apr 03 Javascript
使用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内存不够用的快速解决方法
2013/10/26 PHP
Laravel 5.0 发布 新版本特性详解
2015/02/10 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
jQuery 操作下拉列表框实现代码
2010/02/22 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
2011/07/31 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
python判断端口是否打开的实现代码
2013/02/10 Python
Python图像处理之图像的读取、显示与保存操作【测试可用】
2019/01/04 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
如何用python 操作zookeeper
2020/12/28 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
波兰快递服务:Globkurier.pl
2019/11/08 全球购物
数据员岗位职责
2013/11/19 职场文书
优秀实习生感言
2014/03/01 职场文书
元旦寄语大全
2014/04/10 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
个人欠款担保书
2014/05/20 职场文书
实验心得体会
2014/09/05 职场文书
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
房租涨价通知
2015/04/23 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
浅谈Python实现opencv之图片色素的数值运算和逻辑运算
2021/06/23 Python
Springboot-cli 开发脚手架,权限认证,附demo演示
2022/04/28 Java/Android