限制文件上传类型

front-vue/src/views/service/contract/addContract.vue

@@ -154,6 +154,7 @@
           multiple
           :limit="1"
           :on-exceed="handleExceed"
+          :before-upload="beforeUpload"
           :file-list="fileList"
           :auto-upload="true"
           style="width:800px"
@@ -329,6 +330,15 @@ export default {
     handleExceed(files, fileList) {
       this.$message.warning(`当前限制选择 1 个文件`);
     },
+    beforeUpload(files){
+      var testmsg=files.name.substring(files.name.lastIndexOf('.')+1);                     
+      const extension = testmsg === 'doc';            
+      const extension2 = testmsg === 'docx'
+      if(!extension && !extension2){
+        this.$message.warning(`请选择word文档`);
+      }
+      return extension || extension2;
+    },
     //手动上传文件触发
     httpRequest(param) {
       let fileObj = param.file; // 相当于input里取得的files

front-vue/src/views/service/contract/editContract.vue

@@ -368,6 +368,15 @@ export default {
     handleExceed(files, fileList) {
       this.$message.warning(`当前限制选择 1 个文件`);
     },
+    beforeUpload(files){
+      var testmsg=files.name.substring(files.name.lastIndexOf('.')+1);                     
+      const extension = testmsg === 'doc';            
+      const extension2 = testmsg === 'docx'
+      if(!extension && !extension2){
+        this.$message.warning(`请选择word文档`);
+      }
+      return extension || extension2;
+    },
     //手动上传文件触发
     httpRequest(param) {
       let fileObj = param.file; // 相当于input里取得的files