Question

我在获取图片时出现404错误，并且不确定是什么原因导致某些图片正常工作

                var $this=$(this),
                    movie = $this.data('movie');

                $('.active').removeClass('active');
                $this.addClass('active');

                $("#movieInfo").html(`

    <div class="row">
     <div class="col-md-4">
     **<img src='${movie.info.image}
                      'height="203" width="144"  class="img-thumbnail" /> '** <== this is the part the error is flagging
     </div>
     <div class="col-md-8">
       <h4>${movie.title}</h4>
       <ul class="list-group">
         <li class="list-group-item"><strong>Genre:</strong> ${movie.info.genres || 'N/A'}</li>
         <li class="list-group-item"><strong>Year:</strong> ${movie.year}</li>
         <li class="list-group-item"><strong>Released date:</strong> ${movie.info.release_date}</li>
         <li class="list-group-item"><strong>Rank:</strong> ${movie.info.rank}</li>
         <li class="list-group-item"><strong>Rating:</strong> ${movie.info.rating}</li>
         <li class="list-group-item"><strong>Directors:</strong> ${movie.info.directors}</li>
         <li class="list-group-item"><strong>Running Time:</strong> ${movie.info.running_time_secs}</li>
         <li class="list-group-item"><strong>Actors:</strong> ${movie.info.actors}</li>

       </ul>
     </div>
   </div>
   <div class="row">
     <div class="well">
       <h5>Plot</h5>
       ${movie.info.plot}
       <hr>
       <a href="https://www.rottentomatoes.com/search/?search=${movie.title}" target="_blank" class="btn btn-primary">Rotten Tomatoes</a>
       <a href="index.html" class="btn btn-default">Go Back To Search</a>
     </div>
   </div>
   `);

this is the inspect element

即使我检查图像地址是否存在，我也很难找到问题所在，因为它对某些人有效，但对其他人无效。

Answer 1

也许是语法错误？

<img src='${movie.info.image}'height="203" width="144"  class="img-thumbnail" /> '

更改为

<img src="${movie.info.image}" height="203" width="144"  class="img-thumbnail" />

如何修复“图像”错误的无法读取属性

1 个答案: