gitY
/
DiKongGanZhiPingTai
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

媒体库-图片展示和历史图片路径-缩略图替换

main
滕嵩 2025-07-25 17:27:51 +08:00
parent c22989f82c
commit a989857c26
5 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/demo/system/mediaLibrary/index.vue
View File

@ -39,7 +39,7 @@
/>
<img
v-if="record.objectKey && record.objectKey.includes('jpeg')"
:src="VITE_MEDIALIBRARY_IMAGE_URL + record.objectKey"
:src="`${VITE_MEDIALIBRARY_IMAGE_URL + (record.minipic ? record.minipic : record.objectKey)}`"
:width="30"
:height="20"
/>
@ -157,7 +157,7 @@
/>
<img
v-if="record.objectKey"
:src="VITE_MEDIALIBRARY_IMAGE_URL + record.objectKey"
:src="`${VITE_MEDIALIBRARY_IMAGE_URL + (record.minipic ? record.minipic : record.objectKey)}`"
:width="60"
:height="40"
@click="lookRecord(record)"

13
src/views/demo/system/mediaLibrary/path/pathImageInfo.vue
View File

@ -490,13 +490,18 @@
</div>
</div>
<div class="imageChooseList">
<div v-for="li in props.allImageDataList" :key="li.id" @click="setNowShowImageData(li)">
<div
v-for="li in props.allImageDataList.filter(
(item) => item.display == 1 && item.showOnMap == 1,
)"
:key="li.id"
@click="setNowShowImageData(li)"
>
<div :class="li.id == props.nowShowImageData.id ? 'bottom_div_choose' : 'bottom_div'">
<img
v-if="li.display == 1 && li.showOnMap == 1"
:src="
li.preview_url
? li.preview_url
props.nowShowImageData.minipic
? VITE_MEDIALIBRARY_IMAGE_URL + li.minipic
: 'https://m.tuniucdn.com/fb2/t1/G5/M00/44/52/Cii-s1soezyIF2UxABn76u-yKl8AAIwBgB34jAAGfwC3020871'
"
width="75"

5
src/views/demo/system/mediaLibrary/path/pathMap.vue
View File

@ -373,9 +373,12 @@
if (item.lng && item.lat && item.absoluteAltitude && item.showOnMap == 1) {
const image = new Image();
image.crossOrigin = 'Anonymous';
// image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
// if (item.minipic) {
// image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
// } else {
image.src =
'https://m.tuniucdn.com/fb2/t1/G5/M00/44/52/Cii-s1soezyIF2UxABn76u-yKl8AAIwBgB34jAAGfwC3020871';
// }
image.onload = () => {
// 创建Canvas元素
const canvas = document.createElement('canvas');

6
src/views/demo/system/mediaLibrary/preview/Map.vue
View File

@ -319,9 +319,13 @@
if (item.lng && item.lat && item.absoluteAltitude) {
const image = new Image();
image.crossOrigin = 'Anonymous';
// image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
// if (item.minipic) {
// image.src = VITE_MEDIALIBRARY_IMAGE_URL + item.minipic;
// } else {
image.src =
'https://m.tuniucdn.com/fb2/t1/G5/M00/44/52/Cii-s1soezyIF2UxABn76u-yKl8AAIwBgB34jAAGfwC3020871';
// }
image.onload = () => {
// 创建Canvas元素
const canvas = document.createElement('canvas');

2
src/views/demo/system/mediaLibrary/preview/previewImage.vue
View File

@ -400,7 +400,7 @@
:class="li.id == props.nowPreviewRecord.id ? 'bottom_div_choose' : 'bottom_div'"
>
<img
:src="VITE_MEDIALIBRARY_IMAGE_URL + li.objectKey"
:src="VITE_MEDIALIBRARY_IMAGE_URL + (li.minipic ? li.minipic : li.objectKey)"
loading="lazy"
:width="60"
:height="35"