| | |
| | | th:src="*{preRectifyPhoto}" |
| | | onclick="showPicture(this.getAttribute('data-id'),'preRectifyPhoto')" |
| | | th:data-id="${hiddenDangerCheckPoint.id}"> |
| | | <div class="image-container"></div> |
| | | <div class="image-container" style="display: flex;align-items: flex-start"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | $(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('style', 'width: 100px; height: 100px; cursor: pointer;margin-right: 10px'); |
| | | img.setAttribute('title', '查看图片'); |
| | | img.setAttribute('data-id', hiddenDangerCheckPoint.id); |
| | | img.setAttribute('data-id', ids); |
| | | img.addEventListener('click', function() { |
| | | showPicture(this.getAttribute('data-id'), 'preRectifyPhoto'); |
| | | // showPicture(this.getAttribute('data-id'), 'preRectifyPhoto'); |
| | | openPicture(url) |
| | | }); |
| | | imageContainer.appendChild(img); |
| | | }); |
| | | }); |
| | | |
| | | function openPicture(url) { |
| | | window.open(url) |
| | | } |
| | | |
| | | /* 图片--查看 */ |
| | | function showPicture(id,type) { |
| | | var showPictureUrl = "/tr/hiddenDangerCheck/dangerBase/showPicture/{type}/{id}"; |