修复以图搜图多次请求的问题

src/views/searchPic/index.vue

@@ -29,11 +29,13 @@
         ref="uploader"
         class="upload-area"
         accept=".jpg,.png"
-        action
-        :before-upload="handleBeforeUpload"
+        action="#"
+        :limit="1"
+        :http-request="httpRequest"
         :show-file-list="false"
         :on-success="handleSuccess"
         :disabled="loading"
+        :file-list="fileList"
       >
         <el-button ref="uploadButton" class="upload-button">上传</el-button>
       </el-upload>
@@ -50,7 +52,6 @@
 
 <script>
 import ImgList from "./components/imgList";
-// import { imgList } from "./mock";
 import { searchImageByUpload, searchImageByImg } from "@/api/culturalRelic";
 export default {
   components: {
@@ -60,11 +61,10 @@ export default {
     return {
       showResult: false, //是否展示图片结果
       currentImg: "", //当前搜索的图片
-      // currentImg: imgList[0].pressUrl,
       loading: false, //是否正在上传
       imgList: [],
-      // imgList,
       size: 20,
+      fileList: [],
     };
   },
   mounted() {
@@ -91,7 +91,8 @@ export default {
       }
     },
     // 上传前钩子，处理文件类型
-    async handleBeforeUpload(file) {
+    async httpRequest(value) {
+      const { file } = value;
       let reg = /(?<=\.)[a-z]+$/g;
       let fileType = file.name.match(reg) + "";
       let typeArr = ["png", "jpg", "jpeg"];