From d647d78c29afaeff8e6ba01d01cf9c2dc6e53479 Mon Sep 17 00:00:00 2001
From: yz3456 <2753272399@qq.com>
Date: 星期六, 20 四月 2024 18:43:11 +0800
Subject: [PATCH] 修改所有备忘录上传图片
---
ruoyi-ui/src/views/self/show.vue | 113 ++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 92 insertions(+), 21 deletions(-)
diff --git a/ruoyi-ui/src/views/self/show.vue b/ruoyi-ui/src/views/self/show.vue
index 72919db..3dd4a39 100644
--- a/ruoyi-ui/src/views/self/show.vue
+++ b/ruoyi-ui/src/views/self/show.vue
@@ -336,24 +336,67 @@
@click="picUpload"
>涓婁紶鍒版湇鍔″櫒</el-button>
<h4 class="form-header">鍏朵粬闄勪欢 </h4>
+
+
<el-upload
action=""
:file-list="fileListOther"
class="upload-demo"
multiple
-
+ ref="upload1"
+ :on-change="handleChange1"
+ :auto-upload="false"
+ list-type="picture-card"
:on-remove="handleRemove"
:http-request="requestUpload1m"
:show-file-list="true"
>
- <el-button type="primary">鐐瑰嚮涓婁紶</el-button>
- <div v-if="uploading1" class="upload-status">姝ｅ湪涓婁紶...</div>
- <template #tip>
- <div class="el-upload__tip">
- </div>
- </template>
+
+ <i slot="default" class="el-icon-plus"></i>
+ <div slot="file" slot-scope="{file}">
+ <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 -->
+ <video
+ v-if="file.url.includes('.mp4')"
+ class="el-upload-list__item-thumbnail"
+ :src="file.url"
+ style="width: 147px; height: 147px"
+ fit="cover"
+ ></video>
+ <img v-else
+ class="el-upload-list__item-thumbnail"
+ :src="file.url"
+ alt=""
+ style="width: 100%; height: 100%"
+ fit="cover"></img>
+
+ <span class="el-upload-list__item-actions">
+ <span class="el-upload-list__item-name">{{ file.name }}</span>
+ <span
+ class="el-upload-list__item-preview"
+ @click="handleFileCardPreview(file)"
+ >
+ <i class="el-icon-zoom-in"></i>
+ </span>
+
+ <span
+
+ class="el-upload-list__item-delete"
+ @click="handleRemoveFile(file)"
+ >
+ <i class="el-icon-delete"></i>
+ </span>
+ </span>
+
+ </div>
+
</el-upload>
+ <el-button
+ style="margin-left: 10px"
+ size="small"
+ type="success"
+ @click="fileUpload"
+ >涓婁紶鍒版湇鍔″櫒</el-button>
</el-form>
<h4 class="form-header"> </h4>
@@ -1193,6 +1236,32 @@
}
},
+ fileUpload(){
+ // var file = params.file;
+
+ var formData = new FormData();
+ this.$refs.upload1.submit();
+ // formData.append('uploadFile', file);
+ if(this.uploadFileList1.length==0){
+ this.$modal.msgSuccess("鏂囨。涓婁紶鍒楄〃涓嶈兘涓虹┖!");
+ return
+ }
+ this.uploadFileList1.forEach((elem)=>{
+ formData.append("files", elem)
+
+ })
+
+ let _this = this
+
+ this.uploading = true;
+ uploadPic(formData).then(response => {
+ _this.uploadFileList1 = []
+ _this.formDat.url = _this.formDat.url+","+response.fileNames
+ _this.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛!");
+ })
+
+ },
+
picUpload()
{
var formData = new FormData();
@@ -1206,16 +1275,17 @@
//console.log(this.uploadFileList)
// alert(this.uploadFileList)
this.uploadFileList.forEach((elem)=>{
- formData.append("uploadFile", elem)
+ formData.append("files", elem)
})
//alert(90)
let _this = this
//alert(9)
uploadPic(formData).then(response => {
- // console.log(response)
+ // console.log(response,'123123123')
// console.log(_this.formDat.url,'666')
- _this.formDat.url = _this.formDat.url+","+response.data.fileName
+ _this.formDat.url = _this.formDat.url+","+response.fileNames
+
// alert(_this.formDat.url)
_this.uploadFileList = []
_this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛");
@@ -1524,7 +1594,7 @@
{
var file = params.file;
var formData = new FormData();
- formData.append('uploadFile', file);
+ formData.append('files', file);
let _this = this
this.uploading = true;
uploadPic(formData).then(response => {
@@ -1533,7 +1603,7 @@
this.$modal.msgSuccess("涓婁紶鎴愬姛");
if(_this.fot.includes(pth) === true)
{
- _this.fileList.push({name:response.data.fileName, "url":response.data.url})
+ _this.fileList.push({name:response.fileNames, "url":response.data.url})
}
})
},
@@ -1541,7 +1611,7 @@
{
var file = params.file;
var formData = new FormData();
- formData.append('uploadFile', file);
+ formData.append('files', file);
let _this = this
this.uploading1 = true;
uploadPic(formData).then(response => {
@@ -1550,7 +1620,7 @@
this.$modal.msgSuccess("涓婁紶鎴愬姛");
if(_this.fot.includes(pth) !== true)
{
- _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
+ _this.fileListOther.push({name:response.fileNames, url:response.data.url})
}
})
},
@@ -1593,17 +1663,18 @@
/** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
submitDataScopem: function() {
- 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.formDat.url = ul+","+uls
+ // 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.formDat.url = ul+","+uls
this.$refs["elForm"].validate(valid => {
if (valid) {
addNote(this.formDat).then(response => {
+ console.log(this.formDat)
this.$modal.msgSuccess("鏂板鎴愬姛");
this.getList();
this.open = false;
--
Gitblit v1.9.1