提交多图片，视频上传

feige

2024-02-22 a4d8869bff7df9a2b888530df9efef46b8d6eaf4

 ruoyi-ui/src/views/healthy/healthyInfo.vue

@@ -100,7 +100,7 @@
        list-type="picture-card"
        :on-preview="handleFileCardPreview"
        :on-remove="handleRemoveFile"
        :http-request="requestUpload"
        :http-request="requestUpload1"
        :show-file-list="true"
        :disabled="!btn"
        :class="{ hide: !btn }"
@@ -120,7 +120,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -159,7 +159,7 @@


    <el-dialog  :visible.sync="dialogVisible">
      <img w-full :src="dialogImageUrl" alt="Preview Image" />
      <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" />
    </el-dialog>
  </div>
</template>
@@ -177,7 +177,10 @@
    return {
      cdi:"健康详细信息",
      udi:"健康信息修改",
      fot:[".jpg",".jif"],
 // 数据范围选项
 fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
   '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],

      fileList:[
      ],
      fileListOther:[
@@ -250,11 +253,11 @@
      this.btn= jd
      this.dsb = !jd
      this.isShow=true
      document.title = "修改健康详细信息";
    //  document.title = "修改健康详细信息";
      this.$route.meta.title = "修改健康详细信息";//列表的名称
    }
    else{
      document.title = "查看健康详细信息";
     // document.title = "查看健康详细信息";
      this.$route.meta.title = "查看健康详细信息";//列表的名称
      this.isShow=false
      this.btn = false;
@@ -379,6 +382,16 @@
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogFileUrl = file.url;
      // alert(file.url)
      // this.dialogFileUrl = 'https://www.bendudu.com:8080/profile/upload/2023/10/18/20231018214647A011.doc'
      // this.dialogFileUrl = 'https://47.93.189.255:8080/profile/upload/2023/03/19/test7_20230319222030A007.jpg'
      if(this.dialogFileUrl.includes("47.93.189.255")==true)
      {
        this.dialogImageUrl = this.dialogImageUrl.replace("47.93.189.255","www.bendudu.com")
        this.dialogFileUrl = this.dialogFileUrl.replace("47.93.189.255","www.bendudu.com")

}
      this.dialogVisible = true;
    },
    handleDownload(url) {
@@ -406,6 +419,48 @@
      var formData = new FormData();
      formData.append('uploadFile', file);
      let _this = this

      this.uploading = true;
      uploadPic(formData).then(response => {
        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
        this.uploading = false;
        this.$modal.msgSuccess("上传成功");

        if(_this.fot.includes(pth) === true)
        {
          _this.fileList.push({name:response.data.fileName, "url":response.data.url})
          let ul = _this.fileList.map(function (elem){
                 return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
               }).join(",")
               let uls = _this.fileListOther.map(function (elem){
                 return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
               }).join(",")
               _this.formData.url = ul+","+uls

              // _this.fileListOther.push({name:response.data.fileName, url:response.data.url})

               alert(_this.formData.url)
               alert(12)
               updateHealth(_this.formData).then(response => {
                 this.$modal.msgSuccess("修改成功");
                 // this.open = false;
                 this.btn=false
               });
        }

        else{
          _this.fileListOther.push({name:response.data.fileName, url:response.data.url})

        }

      })

    },  requestUpload1(params)
    {
      var file = params.file;
      var formData = new FormData();
      formData.append('uploadFile', file);
      let _this = this
      this.uploading = true;
      uploadPic(formData).then(response => {
        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
@@ -419,8 +474,24 @@

        else{
          _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
  let ul = _this.fileList.map(function (elem){
                 return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
               }).join(",")
               let uls = _this.fileListOther.map(function (elem){
                 return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
               }).join(",")
               _this.formData.url = ul+","+uls

              // _this.fileListOther.push({name:response.data.fileName, url:response.data.url})

               console.log(_this.formData.url)
               updateHealth(_this.formData).then(response => {
                 this.$modal.msgSuccess("修改成功");
                 // this.open = false;
                 this.btn=false
               });
        }

      })

    },
@@ -429,7 +500,7 @@
}

</script>
<style scoped lang="scss">
<style scoped>
.mt
{
  position: relative;
@@ -444,7 +515,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{