@@ -244,6 +245,7 @@
:file-list="imageList2"
:limit="imageUploadLimit2"
:on-change="handleImageChange2"
+ :accept="'image/jpeg, image/png, image/jpg'"
>
diff --git a/ah-jjzhgd-web/src/views/man-car/staff/index.vue b/ah-jjzhgd-web/src/views/man-car/staff/index.vue
index bec9d74..4725589 100644
--- a/ah-jjzhgd-web/src/views/man-car/staff/index.vue
+++ b/ah-jjzhgd-web/src/views/man-car/staff/index.vue
@@ -140,6 +140,9 @@
:limit="imageUploadLimit"
:file-list="imageList"
:on-change="handleImageChange"
+ :before-upload="beforeAvatarUpload"
+ :accept="'image/jpeg, image/png, image/jpg'"
+ :on-exceed="handleExceed"
>
@@ -156,6 +159,7 @@
+
最多上传1张图片,且只能是JPG/PNG/JPEG格式
@@ -299,6 +303,9 @@ export default {
this.getHelmetSelect()
},
methods: {
+ handleExceed(files, fileList) {
+ this.$message.error(`最多只能上传 1 张图片`);
+ },
getHelmetSelect() {
getHelmetList().then(res => {
this.options = res.data.map(item => {
@@ -489,6 +496,18 @@ export default {
this.imageList = fileList
this.handleValidateField('dataForm', 'imageList')
},
+ beforeAvatarUpload(file){
+ const isJPG = file.type === 'image/jpeg';
+ const isLt2M = file.size / 1024 / 1024 < 2;
+
+ if (!isJPG) {
+ this.$message.error('上传头像图片只能是 JPG 格式!');
+ }
+ if (!isLt2M) {
+ this.$message.error('上传头像图片大小不能超过 2MB!');
+ }
+ return isJPG && isLt2M;
+ },
handleRemoveImageItem(file) {
if (!file?.hasOwnProperty('raw')) {
this.delFiles.push(file.name)