JavaScript从Web路径获取图像

我的目标是从Web路径显示图片。我的程序会自动从Reddit获得JSON的帖子。然后，它从响应中走到图像的路径，看起来像这样：

https://preview.redd.it/8skueonh6fm21.jpg?auto=webp&s=c189f2a13149d5b3a35b4e84370876e6a8801209

问题是，如何从该地址获得图像？喜欢.jpg？谢谢，

您甚至不需要JavaScript ...

<html>
<img src = "https://preview.redd.it/8skueonh6fm21.jpg?auto=webp&s=c189f2a13149d5b3a35b4e84370876e6a8801209" width="100vw" height= "100vh"/>
</html>

function addUsers(response) {
  response.data.forEach((user) => {
   $(".user_wrapper").append(
     '<div>' +
       '<span>' + user.first_name + ' </span>' +
       '<img src=' + user.avatar + '>' +
     '</div>'
    ) 
  })
}
$( document ).ready(function() {
   $.get( "https://reqres.in/api/users?page=2", 
   function( response ) {
      addUsers(response)
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
 <head></head>
 <body>
  <div class="user_wrapper"></div>
 </body>
</html>

相关内容

最新更新

热门标签：