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: '分享二維碼',
//是否點(diǎn)擊遮罩關(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>下載圖片','取消','確定'],
//綁定第一個按鈕的點(diǎn)擊事件
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)文章
javascript 新聞標(biāo)題靜態(tài)分頁代碼 (無刷新)
一個模板,從數(shù)據(jù)庫取n條記錄,生成靜態(tài)。做單頁面的靜態(tài)化,索引頁面是用JS對數(shù)組進(jìn)行組合的。2010-03-03
Javascript 阿拉伯?dāng)?shù)字轉(zhuǎn)化中國大寫數(shù)字的函數(shù)代碼
將阿拉伯?dāng)?shù)字轉(zhuǎn)化中國大寫數(shù)字的函數(shù)代碼,需要的朋友可以參考下。2010-04-04
基于JavaScript實現(xiàn)數(shù)值型坐標(biāo)軸刻度計算算法(echarts的y軸刻度計算)
這篇文章主要介紹了基于JavaScript實現(xiàn)數(shù)值型坐標(biāo)軸刻度計算算法(echarts的y軸刻度計算),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,感興趣的朋友可以參考與一下2022-06-06
JavaScript函數(shù)的特性與應(yīng)用實踐深入詳解
這篇文章主要介紹了JavaScript函數(shù)的特性與應(yīng)用實踐,結(jié)合實例形式較為深入的分析了javascript函數(shù)相關(guān)概念、特性、用法及操作注意事項,需要的朋友可以參考下2018-12-12

