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)文章
javascript 新聞標(biāo)題靜態(tài)分頁代碼 (無刷新)
一個模板,從數(shù)據(jù)庫取n條記錄,生成靜態(tài)。做單頁面的靜態(tài)化,索引頁面是用JS對數(shù)組進行組合的。2010-03-03Javascript 阿拉伯?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軸刻度計算),文章圍繞主題展開詳細的內(nèi)容介紹,感興趣的朋友可以參考與一下2022-06-06JavaScript函數(shù)的特性與應(yīng)用實踐深入詳解
這篇文章主要介紹了JavaScript函數(shù)的特性與應(yīng)用實踐,結(jié)合實例形式較為深入的分析了javascript函數(shù)相關(guān)概念、特性、用法及操作注意事項,需要的朋友可以參考下2018-12-12