no message

src/components/uploadComponent/index.vue

@@ -2,7 +2,7 @@
     <div class="upload_ss_c">
         <!--action="/api/abk/web/v1/resource/file" -->
         <el-upload
-            :action="props.actionUrl"
+            :action="actionUrl"
             :auto-upload="props.autoUpload"
             style="width: 100%"
             :on-success="(response:any, file:any) => successUpload(response, file)"
@@ -20,7 +20,10 @@
             :on-progress="(event:any, file:any, fileList:any) => onProgressFn(event, file, fileList)"
             :list-type="props.listType">
             <!-- 上传的按钮 或者 icon 通过具名插槽的方式 -->
-            <slot name="default"></slot>
+            <div>
+                <slot name="default"></slot>
+
+            </div>
             <slot name="textContent"></slot>
         </el-upload>
         <el-progress v-if="showProcessFlag && processFlag" :percentage="loadProcess"></el-progress>
@@ -31,13 +34,15 @@
     import { ref, nextTick } from 'vue'
     import { ElMessage } from 'element-plus'
     import { Base64 } from 'js-base64'
-    import {apiUpload} from "http/api/myInfo"
+    const tmpUploadUrl = import.meta.env.VITE_API_URL +"/zlpt-file/file/cos/upload"
+    console.log("tmpUploadUrl",tmpUploadUrl)
+    const actionUrl = ref(tmpUploadUrl)
     const props = defineProps({
-        actionUrl: {
-            //上传的地址
-            type: String,
-            default: ""
-        },
+        // actionUrl: {
+        //     //上传的地址
+        //     type: String,
+        //     default: ""
+        // },
         width: {
             //上传的地址
             type: String,
@@ -165,6 +170,7 @@
         })
     }
     const beforeUpload = (file:any) => {
+        console.log("file",file)
         const { name = '', size } = file
         if (size > props.maxSize * 1024 * 1000) {
             ElMessage({
@@ -173,11 +179,14 @@
             })
             return false
         }
-
-        if (!props.acceptTypeList.includes(name.split('.').pop()) + '.') {
+        let names = name.split(".")
+        let currentName = names[names.length-1]
+        console.log("acceptTypeListacceptTypeList",props.acceptTypeList,currentName)
+        console.log("name.split().pop()",)
+        if (!props.acceptTypeList.includes( '.'+currentName) ) {
             ElMessage({
                 type: 'warning',
-                message: `文件格式仅支持${props.acceptTypeList.join(',')}M`
+                message: `文件格式仅支持${props.acceptTypeList.join(',')}`
             })
             return false
         }