lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复预览图片时文件名显示不正确的问题

Browse Source
This commit is contained in:
jmal 2023-07-03 17:15:57 +08:00
parent 3ce6954acf
commit 16559bc4c4
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/preview/ImageViewer.vue
View File

@ -48,9 +48,9 @@ export default {
computed: {}, computed: {},
data() { data() {
return { return {
imageThumbnailUrl: `${process.env.VUE_APP_BASE_API}/view/thumbnail?jmal-token=${this.$store.state.user.token}&name=${this.$store.state.user.name}&id=`, imageThumbnailUrl: `${process.env.VUE_APP_BASE_API}/view/thumbnail`,
shareImageThumbnailUrl: `${process.env.VUE_APP_BASE_API}/public/s/view/thumbnail?share-token=${this.$store.getters.shareToken}&id=`, shareImageThumbnailUrl: `${process.env.VUE_APP_BASE_API}/public/s/view/thumbnail`,
publicImageThumbnailUrl: process.env.VUE_APP_BASE_API + '/public/s/view/thumbnail?id=', publicImageThumbnailUrl: process.env.VUE_APP_BASE_API + '/public/s/view/thumbnail',
currentSrc: '', currentSrc: '',
images: [], images: [],
imagesFristIndex: -1, imagesFristIndex: -1,
@ -92,7 +92,7 @@ export default {
this.imageFiles = this.fileList.filter(element => !element.isFolder && element.contentType.startsWith('image')) this.imageFiles = this.fileList.filter(element => !element.isFolder && element.contentType.startsWith('image'))
this.imageFiles.forEach((element) => { this.imageFiles.forEach((element) => {
this.images.push({ this.images.push({
thumbnail: this.getImageUrlbyThumbnail(element.id), thumbnail: this.getImageUrlByThumbnail(element),
source: this.getImageUrl(element) source: this.getImageUrl(element)
}) })
if (this.file.id === element.id) { if (this.file.id === element.id) {
@ -121,14 +121,14 @@ export default {
} }
return url return url
}, },
getImageUrlbyThumbnail(fileId) { getImageUrlByThumbnail(file) {
if (this.$store.getters.token){ if (this.$store.getters.token){
return this.imageThumbnailUrl + fileId return `${this.imageThumbnailUrl}/${file.name}?jmal-token=${this.$store.state.user.token}&name=${this.$store.state.user.name}&id=${file.id}`
} else { } else {
if (this.$store.getters.shareToken) { if (this.$store.getters.shareToken) {
return this.shareImageThumbnailUrl + fileId return `${this.shareImageThumbnailUrl}/${file.name}?share-token=${this.$store.getters.shareToken}&id=${file.id}`
} }
return this.publicImageThumbnailUrl + fileId return `${this.publicImageThumbnailUrl}/${file.name}?id=${file.id}`
} }
}, },
show(viewIndex) { show(viewIndex) {