From d80a5794d029c8a5fe58a80464ab0e1ae097c87c Mon Sep 17 00:00:00 2001 From: feige <feige@qq.com> Date: 星期二, 05 十二月 2023 21:52:03 +0800 Subject: [PATCH] 增加图像查看功能 --- ruoyi-ui/src/views/healthy/healthyInfo.vue | 65 +++++++++++++++++++++++++++++++- 1 files changed, 63 insertions(+), 2 deletions(-) diff --git a/ruoyi-ui/src/views/healthy/healthyInfo.vue b/ruoyi-ui/src/views/healthy/healthyInfo.vue index 155e626..3124fd9 100644 --- a/ruoyi-ui/src/views/healthy/healthyInfo.vue +++ b/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 }" @@ -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:[ @@ -406,6 +409,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}) + + console.log(_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 +464,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 + }); } + }) }, -- Gitblit v1.9.1