图片上传限制

pages_home/components/updata-imgs/index.vue

@@ -5,17 +5,17 @@
                     v-if="data.required">*</span> </view>
             <view class="updata-title-text font-text ">{{ data.text }}</view>
         </view>
-        <!-- <view class="updata-img-box" @click="updataFile">
-            <image :src="img" style="width: 117px;height: 75px;" />
-        </view> -->
+
         <view class="upload-box">
-            <view class="upload-img-item" v-for="(item, index) in fileList" :key="item.url">
-                <view class="delete-icon" @click="deletePic(index)"><up-icon name="close-circle-fill" color="#f64a1f"
-                        size="18"></up-icon></view>
+            <view class="upload-img-item" v-for="(item, index) in fileList" :key="item.url"  >
+                <view class="delete-icon" @click="deletePic(index)">
+                    <up-icon name="close-circle-fill" color="#f64a1f"
+                        size="18"></up-icon>
+                </view>
                 <img class="upload-img" :src="item.url" :alt="item.fileName" srcset="">
             </view>
             <img src="/static/img/upload.png" alt="" class="upload-img" @click="uploadClick('img')"
-                v-if="fileList.length < 10">
+                v-if="fileList.length < fileCount">
         </view>
     </view>
 </template>
@@ -50,7 +50,9 @@ const fileList = ref([]);
 
 // 删除图片
 const deletePic = (index) => {
-    fileList.value.splice(index, 1);
+	
+    fileList.value = fileList.value.filter((item, i) => i !== index).filter(Boolean);
+	console.log("TCL: deletePic -> fileList.value", fileList.value)
     getFile();
 };
 const uploadClick = async (type) => {
@@ -68,12 +70,11 @@ function getFile() {
 }
 
 function setFile(files){
-    console.log('fileList=>files',files);
-
-    const arr_file = files.split(',').map(item=> {
+    const files_array = files.split(',').filter(Boolean);
+    const arr_file = files_array.map(item=> {
         return {url:item}
     })
-    console.log('fileList',files.split(','));
+    console.log('fileList',arr_file);
     fileList.value = arr_file
 }
 watch(()=>props.fileList,()=>{

pages_home/pages/register/index.vue

@@ -157,7 +157,8 @@ const updata_list = [
 		key: 'idCardPictureFront',
 		ref: zsImg,
 		// permission: [1, 2],
-		required: true
+		required: true,
+		fileCount:1
 	},
 	{
 		title: '身份证反面',
@@ -167,7 +168,7 @@ const updata_list = [
 		ref: zsImg,
 		// permission: [1, 2],
 		required: true,
-		fileCount:2
+		fileCount:1
 	},
 	{
 		title: '职业、资质证书',