相關文章

• 

  vue3+jsQr實現(xiàn)手機瀏覽器調(diào)用本地攝像頭掃描并識別二維碼

  最近做的項目有個需求是在手機端打開頁面，登錄之后能在手機上掃描二維碼并根據(jù)掃描的結果去查詢班級情況。別的功能就不說了，移動端掃描二維碼這個以前沒做過，所以在這里記錄一下。 項目用到的技術棧： Vue 3 + TypeScript + Vite + jsQr，UI組件庫是 arco Design，可以根據(jù)自

  2024年02月09日

  瀏覽(27)
• 

  uniapp - 詳細手機端h5網(wǎng)頁調(diào)用手機攝像頭進行二維碼識別掃描，在uniapp的H5移動端微信網(wǎng)頁平臺中，在瀏覽器中調(diào)用手機掃碼功能詳細教程，識別二維碼并獲取掃描結果（完整示例源碼，一鍵復制即用

  正常情況下，使用uniapp掃碼API是不行的，因為不支持h5端。 在uniapp h5移動端網(wǎng)頁項目中，實現(xiàn)了瀏覽器中調(diào)用手機攝像頭掃碼功能，uniapp手機網(wǎng)頁H5掃描二維碼功能實現(xiàn)，uni-app h5端調(diào)用攝像頭掃碼，提供完整可運行的代碼。 跟著本文的步驟，復制源代碼后運行改下就行了。

  2024年02月04日

  瀏覽(200)
• 

  基于uQRCode封裝的Vue3二維碼生成插件

  標題：基于uQRCode封裝的Vue3二維碼生成插件 摘要：本文介紹了一種基于uQRCode封裝的Vue3二維碼生成插件，可以在Javascript運行環(huán)境下生成二維碼并返回圖片地址。該插件適用于所有Javascript運行環(huán)境，并且支持微信小程序。本文將詳細介紹該插件的使用方法，并給出一個基于Vu

  2024年02月05日

  瀏覽(21)

• vue3 qrcode 生成二維碼展示 親測可用

  網(wǎng)上找的好多vue3 生成二維碼代碼都不能用，正確辦法如下 安裝 script template

  2024年02月09日

  瀏覽(32)

• H5實現(xiàn)掃碼讀取二維碼條形碼功能（二維碼+條形碼)

  本文主要介紹二維碼實現(xiàn)的原理 1、使用插件 npm install @zxing/library 2、主要用到 BrowserMultiFormatReader 這個構造函數(shù)，用于打開攝像頭 視圖 核心代碼（以vue3寫法舉例） 二維碼的樣式 ``

  2024年02月11日

  瀏覽(21)
• 

  OpenHarmony應用實現(xiàn)二維碼掃碼識別

  二維碼的應用場景非常廣泛，在購物應用中，消費者可以直接掃描商品二維碼，瀏覽并購買產(chǎn)品，如圖是購物應用的掃描二維碼的頁面。 本文就以 橘子購物示例應用 為例，來講解OpenHarmony應用二維碼開發(fā)相關的技術點。 我們先看下二維碼相關的幾個概念。 二維碼 生成 Ope

  2024年02月11日

  瀏覽(20)
• 

  uniapp-前端 二維碼、掃碼、長按、識別等問題

  后端返回二維碼的圖片url，則直接展示，做長按手勢識別，再調(diào)用方法即可。 mage 標簽長按識別實現(xiàn) （微信版本2.7.0） show-menu-by-longpress=\\\"true\\\"可實現(xiàn)識別二維碼（微信個人碼、微信群碼、企業(yè)微信個人碼、 企業(yè)微信群碼與企業(yè)微信互通群碼） uniapp官方文檔鏈接 微信小程序官

  2024年02月16日

  瀏覽(20)

• 小程序調(diào)用掃碼接口，實現(xiàn)掃描二維碼

  小程序?qū)崿F(xiàn)掃描二維碼，需要調(diào)用微信掃碼的api，如下: wxml文件代碼如下: js文件代碼如下: 注意: success函數(shù)回調(diào)成功后的res值 res.result 所掃碼的內(nèi)容 res.scanType 所掃碼的類型 res.charSet 所掃碼的字符集 res.path 當所掃的碼為當前小程序二維碼時，會返回此字段，內(nèi)容為二維碼攜帶

  2024年02月04日

  瀏覽(22)
• 

  小程序?qū)⒈卷撁嫔啥S碼，二維碼掃碼帶參數(shù)進小程序指定頁面

  1、因為小程序調(diào)用 https://api.weixin.qq.com/ 不能直接調(diào)用這個接口，所以我們需要在ApiPost上先測試一下生成一下二維碼，生成測試沒問題后可以讓后端調(diào)用返回給前端。 獲取access_token方法官方文檔地址如下： https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html

  2024年02月15日

  瀏覽(26)
• 

  微信掃碼登錄（new WxLogin）-二維碼樣式修改

  例如： .impowerBox .qrcode {width: 180px;} .impowerBox .title {display: none;} .impowerBox .info {width: 180px;} .status_icon {display: none} .impowerBox .status {text-align: center;} 二、自定義二維碼樣式進行base64加密 在線加密解密網(wǎng)站? 三、將解密后的密文添加到href中 注意： 密文前加入? data:text/css;base64, ? ?

  2024年02月13日

  瀏覽(22)