From 8a20ecb45f6c94e8dbc139a71540ce284160021f Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期四, 24 八月 2023 14:05:03 +0800 Subject: [PATCH] 图片多传和查看 --- src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotDanger.html | 5 +++-- src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html | 5 +++-- src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html | 5 +++-- 3 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotDanger.html b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotDanger.html index 13fb68c..c2202d7 100644 --- a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotDanger.html +++ b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotDanger.html @@ -151,18 +151,19 @@ $(document).ready(function () { var imgsUrl = $('.allPics'); var imageUrls = imgsUrl.attr('src') + var ids = imgsUrl.attr('data-id') var imageContainer = document.querySelector('.image-container'); // 将逗号分隔的字符串拆分为URL数组 var imageUrlArray = imageUrls.split(','); // 遍历URL数组并创建img元素 - imageUrlArray.forEach(function(url) { + imageUrlArray.forEach(function(url, index) { var img = document.createElement('img'); img.setAttribute('src', url); img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;'); img.setAttribute('title', '查看图片'); - img.setAttribute('data-id', hiddenDangerCheckPoint.id); + img.setAttribute('data-id', ids); img.addEventListener('click', function() { showPicture(this.getAttribute('data-id'), 'preRectifyPhoto'); }); diff --git a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html index 677578e..29adaa0 100644 --- a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html +++ b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html @@ -150,18 +150,19 @@ $(document).ready(function () { var imgsUrl = $('.allPics'); var imageUrls = imgsUrl.attr('src') + var ids = imgsUrl.attr('data-id') var imageContainer = document.querySelector('.image-container'); // 将逗号分隔的字符串拆分为URL数组 var imageUrlArray = imageUrls.split(','); // 遍历URL数组并创建img元素 - imageUrlArray.forEach(function(url) { + imageUrlArray.forEach(function(url, index) { var img = document.createElement('img'); img.setAttribute('src', url); img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;'); img.setAttribute('title', '查看图片'); - img.setAttribute('data-id', hiddenDangerCheckPoint.id); + img.setAttribute('data-id', ids); img.addEventListener('click', function() { showPicture(this.getAttribute('data-id'), 'preRectifyPhoto'); }); diff --git a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html index 5fa7d0e..2f97af7 100644 --- a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html +++ b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html @@ -204,18 +204,19 @@ $(document).ready(function () { var imgsUrl = $('.allPics'); var imageUrls = imgsUrl.attr('src') + var ids = imgsUrl.attr('data-id') var imageContainer = document.querySelector('.image-container'); // 将逗号分隔的字符串拆分为URL数组 var imageUrlArray = imageUrls.split(','); // 遍历URL数组并创建img元素 - imageUrlArray.forEach(function(url) { + imageUrlArray.forEach(function(url, index) { var img = document.createElement('img'); img.setAttribute('src', url); img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;'); img.setAttribute('title', '查看图片'); - img.setAttribute('data-id', hiddenDangerCheckPoint.id); + img.setAttribute('data-id', ids); img.addEventListener('click', function() { showPicture(this.getAttribute('data-id'), 'preRectifyPhoto'); }); -- Gitblit v1.9.2