利用vant组件上传照片 修改自定义上传照片样式 exif插件整理照片旋转 照片添加水印

前端只能简单压缩一次，循环压缩 安卓没问题 iphone 会卡死机
安装exif-js

cnpm i exif-js --save
npm i exif-js --save

当前页面引入

import EXIF from 'exif-js'

html 代码

<label for='uploadOne' class='photo-main' >
   <div class="show">
        <div class="picture">
            <img style="width:100%" :src="url" alt="">
        </div>
    </div>
</label>
<div v-show="false">
    <van-uploader id="uploadOne" max-count="1" :after-read="afterReadOne" >
    </van-uploader>
</div>`

afterReadOne(file){
   
    this.imgData(file)
},
imgData(file){
   
    this.global.loadingStart('正在上传图片,请稍等……')
    this.url = file.content
    let img = document.createElement('img')
    img.src = file.content
    let num = ''
    let base64 = file.content
    if(base64.length/1024*3/4 < 200){
     // 500k