layui實(shí)現(xiàn)二維碼彈窗、并下載到本地的方法
在服務(wù)器端寫好生成二維碼的方法,在下面調(diào)用
具體實(shí)現(xiàn)方法如下,為了方便理解,直接附上源碼,加上注釋會(huì)更加容易理解吧
function share(vote_id){ //二維碼生成鏈接 var url = "{:U('Admin/Vote/logo')}?vote_id="+vote_id; //彈窗 var index = layer.open({ //type:1 表示頁(yè)面層 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>下載圖片','取消','確定'], //綁定第一個(gè)按鈕的點(diǎn)擊事件 btn1: function(index) { //下載圖片到本地 var a = document.createElement('a'); var event = new MouseEvent('click'); a.download = "分享投票二維碼"; a.href = url; a.dispatchEvent(event); } }); }
若有問(wèn)題或錯(cuò)誤,請(qǐng)小伙伴們?cè)谙路搅粞栽u(píng)論
以上這篇layui實(shí)現(xiàn)二維碼彈窗、并下載到本地的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript 新聞標(biāo)題靜態(tài)分頁(yè)代碼 (無(wú)刷新)
一個(gè)模板,從數(shù)據(jù)庫(kù)取n條記錄,生成靜態(tài)。做單頁(yè)面的靜態(tài)化,索引頁(yè)面是用JS對(duì)數(shù)組進(jìn)行組合的。2010-03-03Javascript 阿拉伯?dāng)?shù)字轉(zhuǎn)化中國(guó)大寫數(shù)字的函數(shù)代碼
將阿拉伯?dāng)?shù)字轉(zhuǎn)化中國(guó)大寫數(shù)字的函數(shù)代碼,需要的朋友可以參考下。2010-04-04JS平滑無(wú)縫滾動(dòng)效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JS平滑無(wú)縫滾動(dòng)效果的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05基于JavaScript實(shí)現(xiàn)數(shù)值型坐標(biāo)軸刻度計(jì)算算法(echarts的y軸刻度計(jì)算)
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)數(shù)值型坐標(biāo)軸刻度計(jì)算算法(echarts的y軸刻度計(jì)算),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,感興趣的朋友可以參考與一下2022-06-06JavaScript函數(shù)的特性與應(yīng)用實(shí)踐深入詳解
這篇文章主要介紹了JavaScript函數(shù)的特性與應(yīng)用實(shí)踐,結(jié)合實(shí)例形式較為深入的分析了javascript函數(shù)相關(guān)概念、特性、用法及操作注意事項(xiàng),需要的朋友可以參考下2018-12-12