如果图像名称包含任何特殊字符,则图像不会显示在网页中

时间:2018-07-11 10:02:35

标签: html

我需要从文件夹显示图像到网页。 如果图片名称包含特殊字符,图片将不显示。我需要显示图片,而不重命名

2 个答案:

答案 0 :(得分:2)

尝试使用下面的encodeurl()可以帮助您。

<?php
$imgname = urlencode("MG_20180115_121912#.jpg");
?>
<img src="<?php echo $imgname;?>" />

让我知道是否有帮助。

答案 1 :(得分:0)

Kamran的答案是,如果您可以控制服务器端代码。如果没有,那么下面是相同的前端代码。

<!DOCTYPE html>
<html>
<body>

<img src="MG_20180115_121912#.gif" alt="Smiley face" width="42" height="42">
<script>
;(function(){
    const imgs = document.getElementsByTagName('img');
    for(let ix=0,len=imgs.length;ix<len;ix++){
        let img = imgs[ix];
        let src = encodeURIComponent(img.attributes.src.nodeValue);
            img.src = src;
    }
})();
</script>
</body>
</html>