人员管理(管理人员):新增上传身份证头像压缩逻辑

This commit is contained in:
Jack 2022-07-28 19:28:21 +08:00
parent a5fc697513
commit 7d0ecdebe4

View File

@ -1222,16 +1222,16 @@
</div> </div>
<el-upload <el-upload
class="upload-demo" class="upload-demo"
:action="uploadUrl" action="uploadUrl"
:on-remove="(file) => handleRemove(file, 3)" :on-remove="(file) => handleRemove(file, 3)"
:on-success="(file) => handleSuccess(file, 3)"
:on-error="(file) => handleError(file, 3)"
:on-preview="(file) => handlePreview(file, 3)" :on-preview="(file) => handlePreview(file, 3)"
:beforeUpload="(file) => handleBeforeUpload(file, 3)" :beforeUpload="(file) => handleBeforeUpload(file, 3)"
name="files"
:show-file-list="false" :show-file-list="false"
:file-list="idCardBigPhotoUrlFile" :file-list="idCardBigPhotoUrlFile"
list-type="picture" list-type="picture"
:http-request="
(val) => handleUpload(val, 'idCardAvatar')
"
> >
<el-button <el-button
size="medium" size="medium"
@ -1769,6 +1769,8 @@ import {
} from '@/assets/js/util.js' } from '@/assets/js/util.js'
import { VueCropper } from 'vue-cropper' import { VueCropper } from 'vue-cropper'
import { apiUploadImage } from '@/assets/js/api/common'
import lrz from 'lrz'
export default { export default {
components: { components: {
VueCropper VueCropper
@ -1953,6 +1955,43 @@ export default {
} }
}, },
methods: { methods: {
handleUpload(fileData, type) {
const file = fileData.file
//
lrz(file, { quality: 1 }).then((result) => {
const formData = new FormData()
formData.append('files', result.file)
//
apiUploadImage(formData).then((res) => {
if (res.code == 200 || res.status == 'SUCCESS') {
const imgInfo = res.data[0]
switch (type) {
case 'idCardAvatar': //
this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl
this.idCardUpPhotoFile = this.idCardBigPhotoUrlFile = [
{ name: imgInfo.filename, url: imgInfo.imageUrl }
]
break
case 'livesFace': //
let imgStatus = result.file.size / 1024 < 500
if (!imgStatus) {
this.cropperOption.img =
this.$store.state.FILEURL + imgInfo.imageUrl
this.cropperDialog = true
} else {
if (this.isSzProject == 1) {
this.checkImgLibrary(imgInfo.imageUrl)
} else {
this.checkFace(imgInfo.imageUrl)
}
}
break
}
}
})
})
},
changePeople(val) {}, changePeople(val) {},
issuePersonFn() { issuePersonFn() {
batchSendWorkerInfoApi({ batchSendWorkerInfoApi({