图片多传和查看

马宇豪

2023-08-24 4f4e6843b9c16ce646de41e5439fed57853b51d7

图片多传和查看

 src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotDanger.html

@@ -161,11 +161,12 @@
        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: 10px');
            img.setAttribute('title', '查看图片');
            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);
        });
@@ -178,6 +179,10 @@
        $.operate.openDetailInfo("查看图片", urlLast);
    }

    function openPicture(url) {
        window.open(url)
    }

</script>
</body>
</html>

 src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html

@@ -160,11 +160,12 @@
        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: 10px');
            img.setAttribute('title', '查看图片');
            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);
        });
@@ -175,6 +176,9 @@
        var urlLast = showPictureUrl.replace("{type}", type).replace("{id}", id);
        $.operate.openDetailInfo("查看图片", urlLast);
    }
    function openPicture(url) {
        window.open(url)
    }

</script>
</body>

 src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html

@@ -214,11 +214,12 @@
        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: 10px');
            img.setAttribute('title', '查看图片');
            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);
        });
@@ -229,6 +230,9 @@
        var urlLast = showPictureUrl.replace("{type}", type).replace("{id}", id);
        $.operate.openDetailInfo("查看图片", urlLast);
    }
    function openPicture(url) {
        window.open(url)
    }

</script>
</body>