因业务需求,公司项目需要用到 图片上传,压缩,转 base64,而这些都是在前台实现的。我之前也没在 vue 里写过这种逻辑和代码,在我的耐心钻研下,终于交付了代码和功能。
现在想把代码发布出来,分享给大家!!!
前端页面
一丶template
<template>
<div class="identityID">
<x-header :left-options="{backText: ''}" :title="this.$route.meta.title"></x-header>
<div class="toptip">
<span>为了保证联盟内用户安全需要对您身份进行验证,您的个人信息将完全保密。</span>
</div>
<flow>
<flow-state is-done title="身份证"></flow-state>
<flow-line :line-span="48"></flow-line>
<flow-state title="驾驶证"></flow-state>
<flow-line :line-span="48"></flow-line>
<flow-state title="行驶证"></flow-state>
</flow>
<div class="content">
<p class="title">拍摄身份证</p>
<div class="imgbox">
<img :src="IDc1" alt="">
<img :src="IDc0" alt="">
<span class="ltitle" v-show="IDc1T">拍摄正面</span>
<span class="rtitle" v-show="IDc0T">拍摄反面</span>
<input accept="image/png,image/jpeg,image/jpg" class="idimg" id