Commit c58fab6f authored by 乐宝呗666's avatar 乐宝呗666

修改多视频,多图片上传问题

parent ff8a903a
node_modules node_modules
package-lock.json package-lock.json
.DS_Store
...@@ -157,8 +157,8 @@ export default { ...@@ -157,8 +157,8 @@ export default {
form: { form: {
username: JSON.parse(localStorage.getItem("userInfo")).orgName, username: JSON.parse(localStorage.getItem("userInfo")).orgName,
organId: JSON.parse(localStorage.getItem("userInfo")).orgId, organId: JSON.parse(localStorage.getItem("userInfo")).orgId,
images: [], images: [], // 文件地址
videos: [], videos: [], // 文件地址
}, },
currentDate: new Date(), currentDate: new Date(),
boardList: [], boardList: [],
...@@ -166,8 +166,10 @@ export default { ...@@ -166,8 +166,10 @@ export default {
showBoard: false, showBoard: false,
cellIcon: "/images/applets/date.png", cellIcon: "/images/applets/date.png",
show: false, show: false,
fileList: [], fileList: [], // 预览
imgFileList: [], imgFileList: [],// 预览
videoIds:[], // 文件ID
imageIds:[] // 文件ID
}; };
}, },
mounted() { mounted() {
...@@ -265,27 +267,30 @@ export default { ...@@ -265,27 +267,30 @@ export default {
return `${value}分`; return `${value}分`;
}, },
// 删除图片 // 删除图片
deleteImg(file,detail){ async deleteImg(file,detail){
this.form.images.splice(detail.index,1) this.form.images.splice(detail.index,1)
return true const id = this.imageIds[detail.index]
this.imageIds.splice(detail.index,1)
await this.deleteInterface(id)
}, },
// 上传图片判断 // 上传图片
uploadImg(file) { uploadImg(file) {
let param = new FormData();
if(Array.isArray(file)){ if(Array.isArray(file)){
file.forEach(item=>{ file.forEach(item=>{
this.uploadImgInterface(item.file) param.append("file", item.file)
}) })
}else{ }else{
this.uploadImgInterface(file.file) param.append("file", file.file)
} }
this.uploadImgInterface(param)
}, },
uploadImgInterface(file){ // 上传图片接口
uploadImgInterface(param){
let vm = this; let vm = this;
let param = new FormData();
param.append("file", file);
vm.$https( vm.$https(
{ {
url: "file/image/upload", url: "file/datum/upload",
method: "post", method: "post",
authType: this.backToken, authType: this.backToken,
}, },
...@@ -293,7 +298,10 @@ export default { ...@@ -293,7 +298,10 @@ export default {
) )
.then((res) => { .then((res) => {
if(res.data.resultCode==='200'){ if(res.data.resultCode==='200'){
this.form.images.push(res.data.data.url); res.data.data.fileList.forEach(item=>{
this.form.images.push(item.fileUrl);
this.imageIds.push(item.id);
})
}else{ }else{
this.$toast(res.data.message) this.$toast(res.data.message)
} }
...@@ -303,25 +311,27 @@ export default { ...@@ -303,25 +311,27 @@ export default {
}); });
}, },
// 删除视频 // 删除视频
deleteVideo(file,detail){ async deleteVideo(file,detail){
this.form.videos.splice(detail.index,1) this.form.videos.splice(detail.index,1)
console.log(this.form.videos) const id = this.videoIds[detail.index]
return true this.videoIds.splice(detail.index,1)
await this.deleteInterface(id)
}, },
// 上传视频 // 上传视频
uploadVideo(file) { uploadVideo(file) {
let param = new FormData();
if(Array.isArray(file)){ if(Array.isArray(file)){
file.forEach(item=>{ file.forEach(item=>{
this.uploadVideoInterface(item.file) param.append("file", item.file)
}) })
}else{ }else{
this.uploadVideoInterface(file.file) param.append("file", file.file)
} }
this.uploadVideoInterface(param)
}, },
uploadVideoInterface(file){ // 上传视频接口
uploadVideoInterface(param){
let vm = this; let vm = this;
const param = new FormData();
param.append("file", file);
vm.$https( vm.$https(
{ {
url: "file/video/upload", url: "file/video/upload",
...@@ -332,7 +342,10 @@ export default { ...@@ -332,7 +342,10 @@ export default {
) )
.then((res) => { .then((res) => {
if(res.data.resultCode==='200'){ if(res.data.resultCode==='200'){
this.form.videos.push(res.data.data.fileList[0].fileUrl); res.data.data.fileList.forEach(item=>{
this.form.videos.push(item.fileUrl);
this.videoIds.push(item.id);
})
}else{ }else{
this.$toast(res.data.message) this.$toast(res.data.message)
} }
...@@ -342,6 +355,26 @@ export default { ...@@ -342,6 +355,26 @@ export default {
console.log(err); console.log(err);
}); });
}, },
// 删除接口
deleteInterface(id){
this.$https(
{
url: "file/delete/"+id,
method: "delete",
authType: this.backToken,
})
.then((res) => {
if(res.data.resultCode==='200'){
return true
}else{
this.$toast(res.data.message)
return false
}
})
.catch(function (err) {
console.log(err);
});
},
// 提交数据 // 提交数据
onSubmit() { onSubmit() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment