在网页上显示.png图片

我想在我的页面中显示图像，但是我面对的问题是我的网页显示所有.jpeg图像，但它不显示* .png图像为什么是？在网页上显示.png图片

$.getJSON("http://192.168.1.9:8983/solr/db/select/?wt=json&&start=0&rows=100&q="+q+"&json.wrf=?", function(result){ 
    var html=""; 
    // If no search results 
    if(result.response.numFound==0) 
    { 
    html+= "<br>We're sorry, we found no results for <b>"+document.getElementById("queryString").value; 
    } 
    else 
    { 
     html+= "<br>Total Results Found <b> "+ result.response.numFound+"</b> for "+"<b>"+document.getElementById("queryString").value+"</b> keyword"; 
     // Parse solr response and display it on web page 
      $.each(result.response.docs, function(i,item){ 
      var src1=item.image; 
      // Check if there is a image 
       if(src1!= null && src1!= ""){ 

         html+="<p><br>"+"<img src="+src1+ " />"; 
        } 
      // If not insert a default image 
        else 
        { 

         src1="images/products/default.bmp"; 
         html+="<p><br>"+"<img src="+src1+ " />"; 
        } 
        html += "<br>UID_PK: ="+ item.UID_PK; 
        html += "<br>Name: ="+ item.name; 
       // html += "<br>Description: ="+ item.description; 
       html+="<br>Price:="+item.price 
      }); 
    } 

      $("#result").html(html);

来源

2011-06-08 Romi

你使用什么浏览器和版本？ – Shad 2011-06-08 06:14:38

Mozilla Firefox 3.6 – Romi 2011-06-08 06:41:46

Firebug对这些图片请求中的每一个都说了些什么？如何通过在浏览器地址栏中输入他们的直接地址来单独查看这些图像？ – BalusC 2011-06-08 11:52:49

<img src="/path/to/my/image.png" alt="My Image" />

来源

2011-06-08 06:10:41 Petah

我能够以这种方式显示.jpeg图像，问题是它不显示.png图像 – Romi 2011-06-08 06:13:20

@Romi它不能这样你可能会错误的路径 – 2011-06-08 07:26:53

我得到json对象并解析它获取图像路径，此路径包含jpeg和png类型的图像，但我可以显示.jpeg但不显示.png。我已检查过我的图像文件夹包含两种类型的图像 – Romi 2011-06-08 07:37:19

首先尝试手动加载使用浏览器的地址栏中的图像。如果有效，那么<img>标签或文件路径存在问题。使用Firebug或类似的浏览器插件来追踪它。

如果这不起作用，并且该文件肯定存在，那么它可能是一个带有服务器或文件权限的MIME类型问题。检查您的服务器的错误日志以获取更多信息。

希望帮助您的PNG

来源

2011-06-13 12:00:13 Tak

检查文件的访问权限。

来源

2013-09-22 09:30:04 user2803906

请尝试阅读这个http://stackoverflow.com/about，以获得更多关于SO的问题和解答。你的贡献没有回答这个问题。这更多的是一个评论，你可以添加一次，你会增加你的声誉：http://stackoverflow.com/faq#reputation – 2013-09-22 09:48:49

在网页上显示.png图片

回答

相关问题