您的位置:首页 > 其它

通过QRcode生成二维码.并可以下载

2017-06-27 16:03 232 查看
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

<div class="form-group">

    <label class="control-label col-xs-2">二维码</label>

    <div class="col-xs-2" id="qr">

        <!-- 二维码生成位置 -->

    </div>
</div>

/***生成二维码****/

    function generate(obj){

      

        $('#qr').qrcode("生成内容");

        

    }

/*下载二维码*/

    function dwn(){

        var type = 'png';

        var dataurl =$("canvas").get(0).toDataURL('image/png').replace("image/png", "image/octet-stream");

        var filename = '二维码_' + (new Date()).getTime() + '.' + type;

        saveFile(dataurl,filename);

    }

    /**

    * 在本地进行文件保存

    * @param  {String} data     要保存到本地的图片数据

    * @param  {String} filename 文件名

    */

    var saveFile = function(data, filename){

       var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');

       save_link.href = data;

       save_link.download = filename;

      

       var event = document.createEvent('MouseEvents');

       event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

       save_link.dispatchEvent(event);

    };
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐