Question

我想在我的页面中显示图像，但我面临的问题是我的网页显示所有.jpeg图像，但它没有显示* .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);

Answer 1

首先尝试使用浏览器的网址栏手动加载图片。如果可以，那么您的<img>标记或文件路径就会出现问题。使用Firebug或类似的浏览器插件来追踪它。

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

希望有所帮助

Answer 2

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

Answer 3

检查PNG上的文件访问权限。

在网页上显示.png图像

3 个答案: