图片多传和查看

马宇豪

2023-08-24 8a20ecb45f6c94e8dbc139a71540ce284160021f

 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');
            });