網站地圖 | RSS訂閱 老鐵博客 - 上海SEO優化|上海網站建設|蜘蛛池出租|站群代搭建
你的位置:首頁 ? 前端腳本 ? 正文

js生成二維碼,js生成二維碼帶圖片

2020-6-16 13:58:3 | 作者:老鐵SEO | 0個評論 | 人瀏覽

  使用jQuery.qrcode.js實現。


  jQuery.qrcode.js是一個能夠在客戶端生成矩陣二維碼QRCode的jquery插件,使用它可以很方便的在頁面上生成二維條碼。此插件是能夠獨立使用的,體積也比較小,使用gzip壓縮后才不到4kb。因為它是直接在客戶端生成的條碼,所以不會有圖片下載的過程,能夠實現快速生成。它是基于一個多語言的類庫封裝的,也不依賴于其他額外的服務。


  好處:使用jquery-qrcode的好處,不需要在服務器端生成多余的二維碼圖片,二維碼直接通過JavaScript直接在客戶端生成,有效減少帶寬,以及維護成本。


  怎么設置js生成二維碼掃描出來的內容


  可以使用juqery的qrcode來實現!


  1,引入jquery及其qrcode插件js:jquery.js,jquery.qrcode.min.js


  2,指定一個二維碼容量元素:<divid="qrcode"></div>


  3,在指定的容量元素中生成二維碼:jquery('#qrcode').qrcode("這里是想要掃描后的獲得的地址");


  javascript怎么將url生成二維碼


  Map<EncodeHintType,Object>hints=newHashMap<>();


  hints.put(EncodeHintType.CHARACTER_SET,"UTF-8");


  hints.put(EncodeHintType.MARGIN,0);


  BitMatrixbitMatrix=newMultiFormatWriter()


  .encode(url,BarcodeFormat.QR_CODE,300,300,hints);


  MatrixToImageWriter.writeToStream(bitMatrix,"png",stream);


  @RequestMapping("/qr-code")


  publicvoidplaceQrOrder(HttpServletResponseresp){


  resp.setHeader("Cache-Control","no-store");


  resp.setHeader("Pragma","no-cache");


  resp.setDateHeader("Expires",0);


  resp.setContentType("image/png");


  Map<EncodeHintType,Object>hints=newHashMap<>();


  hints.put(EncodeHintType.CHARACTER_SET,"UTF-8");


  hints.put(EncodeHintType.MARGIN,0);


  BitMatrixbitMatrix=newMultiFormatWriter()


  .encode("https://www.google.com",BarcodeFormat.QR_CODE,300,300,hints);


  MatrixToImageWriter.writeToStream(bitMatrix,"png",resp.getOutputStream());


  }


  如何用js把https地址生成二維碼


  你可以用jquery.qrcode.js


  jQuery('#qrcode').qrcode("你的地址");

  • 本文來自: 老鐵博客,轉載請保留出處!歡迎發表您的評論
  • 相關標簽:
  • 已有0位網友發表了一針見血的評論,你還等什么?

    必填

    選填

    記住我,下次回復時不用重新輸入個人信息

    必填,不填不讓過哦,嘻嘻。

    ◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

    相關推薦

    苍穹之上手游怎么赚钱 海南自行车环岛赛体彩 基金配资多少倍 福彩福建快三开奖结果查询 预测pk10 彩票玩法规则 黑龙江十一选五开奖数据 韩国快乐8 20个开奖号码 中国石油股票行情 赌博极速赛车是真的还是假的 江苏快三玩法说明