js 生成二维码下载到本地

最新推荐文章于 2024-08-13 21:31:15 发布

你又啷个了嘛

最新推荐文章于 2024-08-13 21:31:15 发布

阅读量2k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/wenqiang_wang_/article/details/83060603

版权

本文介绍了如何使用JavaScript库创建二维码，并将其下载保存到本地。首先，我们将学习如何引入二维码生成库，然后通过指定的数据生成二维码图片。接着，我们将探讨如何利用HTML5的canvas元素和a标签的download属性，实现点击按钮将二维码图片下载到本地，无需服务器交互。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

    // jQuery 库
    <script src="js/jquery-1.11.0.js"></script>

    // jQuery 转二维码所需插件
    <script src="js/jquery.qrcode.js"></script>

</head>
<body>

    <button id="button" type="submit">下载图片</button>
    <div id="QR_Code"></div>
    <!-- 容纳二维码 -->
    <div id="QR_Code"></div>

</body>
<script type="text/javascript">

    window.onload = function () {
        $('#QR_Code').qrcode({
            render: "canvas",
            text: utf16to8(" 这里是二维码内容 ")
        });
        // 按钮点击事件
        $("#button").click(function () {
            var canvasImg = document.getElements