上传图片

src/utils/api/index.js

@@ -702,5 +702,8 @@ export function uploadPicApi(data) {
     url: "/api/upload",
     method: "post",
     data,
+    headers: {
+      "Content-Type": "multipart/form-data", // set the content type to multipart/form-data
+    },
   });
 }

src/views/realTimeMonitor/components/uploadpic.vue

@@ -13,7 +13,7 @@
           <el-input v-model="form.cmdid"></el-input>
         </el-form-item>
         <el-form-item label="装置Id">
-          <el-input v-model="form.id"></el-input>
+          <el-input v-model="form.termid"></el-input>
         </el-form-item>
         <el-form-item label="通道选择">
           <el-select v-model="form.channel" placeholder="选择通道">
@@ -70,11 +70,12 @@ export default {
     display(data) {
       console.log(data);
       this.$set(this.form, "cmdid", data.cmdid);
-      this.$set(this.form, "id", data.id);
+      this.$set(this.form, "termid", data.id);
       this.isShow = true;
     },
     handleclose() {
       this.isShow = false;
+      this.fileList = [];
     },
     handlesure() {
       this.isShow = false;
@@ -84,6 +85,13 @@ export default {
       uploadPicApi(this.form)
         .then((res) => {
           console.log(res);
+          this.$message({
+            duration: 1500,
+            showClose: true,
+            message: "上传成功",
+            type: "success",
+          });
+          this.fileList = [];
         })
         .catch((err) => {});
     },