vue移动端页面调用手机拍照_vue实现PC端调用摄像头拍照、移动端调用手机前置摄像头人脸录入、及图片旋转矫正、压缩上传base64格式/文件格式...

export default {

() {

return {}

},

methods: {

# // 压缩图片 and 旋转角度纠正 下方代码 # 需要自行去掉 个人只作为着色效果加上

compressImage (event) {

let _this = this

let file = event.target.files[0]

let fileReader = new FileReader()

let img = new Image()

let imgWidth = ''

let imgHeight = ''

# // 旋转角度

let Orientation = null

# // 缩放图片需要的canvas

let canvas = document.createElement('canvas')

let ctx = canvas.getContext('2d') # // 图片大小 大于2MB 则压缩

const isLt2MB = file.size < 2097152

# // 通过 EXIF 获取旋转角度 1 为正常 3 为 180° 6 顺时针90° 9 为 逆时针90°

EXIF.getData(file, function () {

EXIF.getAllTags(this)

Orientation = EXIF.getTag(this, 'Orientation')

})

# // 文件读取 成功执行