layui實現(xiàn)二維碼彈窗、并下載到本地的方法
更新時間：2019年09月25日 15:01:03 作者：Asserty666
今天小編就為大家分享一篇layui實現(xiàn)二維碼彈窗、并下載到本地的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在服務(wù)器端寫好生成二維碼的方法，在下面調(diào)用
具體實現(xiàn)方法如下，為了方便理解，直接附上源碼，加上注釋會更加容易理解吧
function share(vote_id){
//二維碼生成鏈接
var url = "{:U('Admin/Vote/logo')}?vote_id="+vote_id;
//彈窗
var index = layer.open({
//type:1 表示頁面層
type: 1,
title: '分享二維碼',
//是否點擊遮罩關(guān)閉
shadeClose: true,
//樣式類名，可以自定義彈窗樣式
skin:'demo_share',
//彈層外區(qū)域
shade: 0.3,
maxmin: false, //開啟最大化最小化按鈕
//寬高
area: ['480px','320px'],
//內(nèi)容
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實現(xiàn)二維碼彈窗、并下載到本地的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
webpack是一種前端資源構(gòu)建工具,一個靜態(tài)模塊打包器(module bundler),下面這篇文章主要給大家介紹了關(guān)于Webpack完整打包流程的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了JS+CSS實現(xiàn)閃爍字體效果代碼,可實現(xiàn)文字按照指定顏色逐次閃爍顯示的功能,代碼非常簡單實用,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細介紹了bootstrap multiselect下拉列表功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JS使用getComputedStyle()方法獲取CSS屬性值
經(jīng)常會用到j(luò)s來獲取元素的CSS樣式，由于方法眾多，在下面的文章中為大家詳細整理下2014-04-04
這篇文章主要介紹了4個值得收藏的Javascript技巧，文章首先通過變量轉(zhuǎn)字符串展開主題詳情，需要的小伙伴可以參考一下2022-07-07
保證JavaScript和Asp、Php等后端程序間傳值編碼統(tǒng)一
在WEB開發(fā)過程中，前后端要求數(shù)據(jù)編碼一致的處理是經(jīng)常會碰到的！2009-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要介紹了JS搜狐面試題,涉及javascript數(shù)組、字符串及面向?qū)ο蟪绦蛟O(shè)計相關(guān)技巧,需要的朋友可以參考下2016-12-12
JavaScript實現(xiàn)LRU緩存淘汰算法的詳細步驟
這篇文章主要介紹了JavaScript實現(xiàn)LRU緩存淘汰算法,下面是用 JavaScript 實現(xiàn) LRU（Least RecentlyUsed,最近最少使用）緩存淘汰算法的代碼,并附上詳細的步驟解釋,需要的朋友可以參考下2024-12-12
JS實現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫人民幣漢字的方法
這篇文章主要介紹了JS實現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫人民幣漢字的方法,涉及javascript字符串與數(shù)組操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08