代码之家  ›  专栏  ›  技术社区  ›  ewizard

图像未损坏但未显示

  •  1
  • ewizard  · 技术社区  · 6 年前

    我有一个HTML:

    <html>
    
      <head>
    
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://www.gstatic.com/firebasejs/5.3.1/firebase.js"></script>
        <script type="text/javascript" src="callback.js"></script>
    
      </head>
    
      <!-- Calls printResponse() when this page loads -->
      <body style="background-color: #ddeaff; text-align: center; margin-top: 100px">
        <img src="assets/bazlogofinal.png" height="720" width="720" style="display: block; margin-left: auto; margin-right: auto;">
        <div style="width: 100%; text-align: center; font-family: 'Helvetica'; font-size: 96px; color: #357aff; font-weight: 900">PLEASE WAIT...</div>
        <div id="url" style="display: none">
              <!-- empty URL for displaying response -->
        </div>
      </body>
    
    </html>
    

    src 对于 img 是正确的,并且图像没有损坏:

    enter image description here

    我已尝试清除手机上的浏览器历史记录。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Nick Parsons    6 年前

    当图像/文件大小较大时(因为需要加载到图像中),可能会发生这种情况。尝试缩小图像/文件的大小。

    您可以使用Photoshops save for web选项或其他无损/有损压缩算法将图像缩小。