Question

我有这个完美的代码，每次加载页面时都会从服务器重新加载图像 - http://jsfiddle.net/6knfz8g2/4/

＆＃13;

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled Document</title>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  <style>
    img {
      image-rendering: -moz-crisp-edges;
      /* Firefox */
      image-rendering: -o-crisp-edges;
      /* Opera */
      image-rendering: -webkit-optimize-contrast;
      /* Webkit (non-standard naming) */
      image-rendering: crisp-edges;
      -ms-interpolation-mode: nearest-neighbor;
      /* IE (non-standard property) */
    }
    
    html,
    body {
      background-color: #0D0D0D;
    }
    
    img.resize {
      width: 400px;
      height: auto;
    }
    
    body {
      display: block;
      margin: 0px;
    }
  </style>
  <script>
    d = new Date();
    console.log(d.getTime());
    $(function() {

      $("#myimg").attr("src", "http://i66.tinypic.com/6fme5c.jpg?d=" + d.getTime());
    })
  </script>
</head>
<body>
  <img src="myimg" class="resize" id="myimg">
</body>
</html>

＆＃13;

Chrome显示此错误：

myimg无法加载资源：net :: ERR_FILE_NOT_FOUND

虽然它在本地PC和jsfiddle中完全正常。

你能帮我找一下造成这个错误的原因吗？

感谢您宝贵的时间！

Answer 1

我看到这段代码导致了问题：

src="myimg"

我删除了它，现在一切正常，没有错误：

<img class="resize" id="myimg">

但我想知道这个解决方案对跨浏览器的友好程度如何？和未来友好？

重新加载图像会出错（图片显示）

1 个答案: