vue 扫描二维码

扫描二维码.

插件:npm install --save vue-qrcode-reader

Tips:需要在https协议下才可以调用相机,实现扫码。
  可以通过配置vue.config.js中的devServer:{https:true}
代码:

<template>
  <div>
    <p class="error">{{ error }}</p>
    <!--错误信息-->

    <p class="decode-result">
      扫描结果: <b>{{ result }}</b>
    </p>
    <!--扫描结果-->

      <qrcode-stream @decode="onDecode" @init="onInit" />

  </div>
</template>

<script>

//下载插件
//cnpm install --save  vue-qrcode-reader

//引入
import { QrcodeStream } from 'vue-qrcode-reader';

export default {

  //注册
  components: { QrcodeStream },

  data() {
    return {
      result: '',//扫码结果信息
      error: '',//错误信息
    }
  },

  methods: {

    onDecode(result) {
      alert(result);
      this.result = result
    },


async onInit(promise) {
  try {
    await promise
  } catch (error) {
    if (error.name === 'NotAllowedError') {
      this.error = "ERROR: 您需要授予相机访问权限"
    } else if (error.name === 'NotFoundError') {
      this.error = "ERROR: 这个设备上没有摄像头"
    } else if (error.name === 'NotSupportedError') {
      this.error = "ERROR: 所需的安全上下文(HTTPS、本地主机)"
    } else if (error.name === 'NotReadableError') {
      this.error = "ERROR: 相机被占用"
    } else if (error.name === 'OverconstrainedError') {
      this.error = "ERROR: 安装摄像头不合适"
    } else if (error.name === 'StreamApiNotSupportedError') {
      this.error = "ERROR: 此浏览器不支持流API"
    }
  }
}
  }
}
</script>

<style scoped>
.error {
  font-weight: bold;
  color: red;
}

</style>

CSDN私信我,接私活

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VueScan可以利用以下设备的高级硬件能力:尼康 LS-30/LS-2000,美能达 Dimage ScanDual,惠普PhotoSmart,尼康 LS-20/LS-1000,宝丽来 SprintScan 35/LE/ES/+,和佳能 CanoScan2700F底片扫描仪。利用 VueScan,你能够比平板扫描扫描照片更多地控制最终的图像。 VueScan 的特性包括:支持 200 种以上的底片类型,在剪取图像时制成关联单,复杂的白色平衡算法,用于检查物体表面暇疵的红外线底片扫描,成批扫描,自动剪取图像,等等。 VueScan是著名的第三方底片扫描仪驱动程序,支持市场可见绝大多数型号的底片扫描仪,可以更为灵活地控制扫描过程,更深入地发掘硬件潜力,获取色彩 完美的高质量扫描结果。VueScan支持200种以上的底片类型,在剪取图像时制成关联单,复杂的白色平衡算法,用于检查物体表面暇疵的红外线底片扫 描,成批扫描,自动剪取图像等等。 随着软件的走红,Vuescan不断升级,功能不断完善,应用界面也越来越美观实用,最后,很多扫描仪厂商干脆将它作为自己扫描仪的配套驱动程序。 随着数码相机的流行,RAW成为很多喜欢的文件格式,Vuescan也与时俱进,增加了RAW文件转换功能,凭借其优秀的图像算法,在RAW文件转换方 面,vuescan也独树一帜。如今,Vuescan已经发展成为一款多功能的图像处理软件,支持多达750款各类扫描仪和200多款能记录RAW文件的 数码相机,并支持Adobe的DNG数字底片格式! 功能: 支持1200种扫描仪 运行在Mac OS X,Windows和Linux 提高您的工作效率和质量的扫描 创建原始扫描文件 ICC配置文件和色彩空间 IT8色彩校正 注册信息: E-mail Address:wayne@dahaoren.com Serial Number:108824250 Customer Number:1560318833 或者(OR) E-mail Address:www@yyyww.com Serial Number:115973638 Customer Number:1608838852

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值