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;">&#xe609</i>下载图片','取消','确定'],
   //绑定第一个按钮的点击事件
   btn1: function(index) {
				//下载图片到本地
    var a = document.createElement('a');
    var event = new MouseEvent('click');
    a.download = "分享投票二维码";
    a.href = url;
    a.dispatchEvent(event);
   }
  });

 }

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

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

赞 (0)

相关推荐

  • layui 实现二级弹窗弹出之后 关闭一级弹窗的方法

    场景: 需要在二级弹窗弹出之后 关闭一级弹窗 自己大概看了下 官方文档 没有获取一级弹窗的索引的方法(你看的了话麻烦给个链接 谢谢) 自己的解决方案: 在父页面 加个关闭一级弹窗的函数 然后在一级弹窗弹出的回调函数里面调用父页面的关闭弹窗函数 主页面JS 一级弹窗页面的JS 如果有更好的办法 欢迎回复! 以上这篇layui 实现二级弹窗弹出之后 关闭一级弹窗的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • layui 对弹窗 form表单赋值的实现方法

    目的: 点击编辑按钮 实现 数据回显到弹出 子页面 表单 内.如下图: Html 代码: <body> <div class="layui-form" lay-filter="useradmin" id="useradmin"> <div class="layui-form-item"> <label class="layui-form-label">用  户

  • 使用layer弹窗和layui表单实现新增功能

    使用layer弹窗和layui表单实现新增功能

    1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现 a* 页面效果图 b*页面代码 --构建from表单 <div id="add-main" style="display: none;"> <form class="layui-form" id="add-form" action=""> <div class="layu

  • 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,

  • php二维码生成以及下载实现

    本文实例为大家分享了php二维码生成以及下载的具体代码,供大家参考,具体内容如下 <?php //引入phpqrcode库文件 define('IN_ECS', true); require(dirname(__FILE__) . '/includes/init.php'); include('includes/phpqrcode.php'); // 二维码数据 $data = 'http://www.baidu.com'; $filename = 'shopEwm/'.'baidu.png';

  • php生成二维码时出现中文乱码的解决方法

    本文实例讲述了php生成二维码时出现中文乱码的解决方法.分享给大家供大家参考.具体分析如下: 最近做了个扫描二维码得到vcard的项目,遇到一个问题,有一部分生成完的二维码,用android系统手机扫描后得到的vcard中的中文姓名是乱码,经过比对发现,这部分vcard中ORG这个类型没有内容,随即判断没内容就加上一个固定的字符串,这样乱码的问题得以解决. php生成二维码的几种方式 1.google开放api,代码如下: 复制代码 代码如下: $urlToEncode="http://www.

  • 小程序扫描普通链接二维码跳转小程序指定界面方法

    小程序扫描普通链接二维码跳转小程序指定界面方法

    微信官方文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html 看了官方文档之后,还是存在很多困惑,微信小程序是托管到微信服务器上的,要想扫描普通链接跳转指定界面,首先要知道微信把小程序放的服务器的访问路径,这些最初想法,可是看微信官方文档,感觉不是我想的这样的 文档上:"二维码规则的域名须通过ICP备案的验证."如果是微信的服务器,那他们就不必这么写了, 可是小程序是托管微信服务器上的,为什么扫码

  • Android Zxing二维码扫描图片拉伸问题的解决方法

    还是这个接手项目,二维码扫描集成的是zxing,扫描界面的图像有明显的拉伸变形. 这种问题,根据以往的经验,一般是x,y轴错位引起的,处理好x,y轴的问题,一般可以解决问题. 由于这个问题,之前有很多人遇到,并分享在网上了,所以,我这里也就不需要重复造轮子了. 这里看了一篇博客:Android Zxing二维码扫描图片拉伸,用了上面的办法, 成功的解决图片拉伸问题. 解决方法如下: 修改CameraConfigurationManager.Java里面的initFromCameraParamet

  • 扫二维码下载apk并统计被扫描次数

    扫二维码下载apk并统计被扫描次数

    需求:想让用户扫描一个二维码就能下载APP,并统计被扫描次数. 两种实现方法: 1.一般我们用草料生成二维码,如果没有注册的话只能生成一个包含下载网址的静态码,没有统计功能,而且出了自己截图保存外,草料是不会保存你的二维码的. 如果注册草料后,可以选择生成活码.所谓活码,就是一个指向页面,然后通过这个指向页面,再到你的下载链接.这个指向页面内嵌了统计代码.你可以通过草料的统计功能,看你的二维码相关的扫描数据. 2.你的App下载地址,自己内嵌一个统计代码,这样来统计扫描数据,这样,你只要一个静态

  • php生成带logo二维码方法小结

    一.使用的类库 1.phpqrcode(php库) 2.qrcode.js(javascript库) 二.phpqrcode的使用 只用php的类库,也就是二维码的生成在后台操作.因为要在后台生成带logo的二维码,那么首先必须将logo图片上传至服务器(在上传这里我用了webuploader) phpqrcode使用方法: 首先下载phpqrcode:http://phpqrcode.sourceforge.net/ 然后在使用之前记得引入phpqrcode.php文件 $value = $u

  • Android项目实战（二十八）：使用Zxing实现二维码及优化实例

    Android项目实战（二十八）：使用Zxing实现二维码及优化实例

    前言: 多年之前接触过zxing实现二维码,没想到今日项目中再此使用竟然使用的还是zxing,百度之,竟是如此牛的玩意. 当然,项目中我们也许只会用到二维码的扫描和生成两个功能,所以不必下载完整的jar包,使用简化版的即可,下文可见. 这篇文章讲述: 1.如果快速在项目中集成zxing,实现扫描和生成二维码功能 2.根据项目需求去修改源码实现我们的要求并进行优化 一.快速集成zxing二维码 1.下载库文件 :http://xiazai.jb51.net/201611/yuanma/ZXingB

  • 使用Spire.Barcode程序库生成二维码的实例解析

    使用Spire.Barcode程序库生成二维码的实例解析

    我就给大家介绍下这个程序库,你可以在这里下载. 简介 程序库提供了名为Scan的方法来读取二维码图像.这是一个重载方法,在这部分,我列出了它的定义方法.这些方法将在代码中测试这个程序库的表现. publicstaticstring [] Scan (Bitmap bitmap); 在所有支持的二维码种类中扫描某个的图像: bitmap: 要扫描的图像 publicstaticstring[] Scan(Bitmap image, BarCodeType barcodeType); 在特定的二维码

  • Thinkphp3.2.3整合phpqrcode生成带logo的二维码

    Thinkphp中没有二维码相关的库,因此我们可以通过整合phpqrcode来完成生成二维码的功能. 下载phpqrcode 下载地址:http://phpqrcode.sourceforge.net/ 整合到Thinkphp框架 在"ThinkPHP\Library\Vendor\"下新建目录phpqrcode,将压缩包内容解压到该文件夹下. 调用phpqrcode生成二维码 在IndexController控制器下添加如下方法: public function qrcode($ur

随机推荐