Question

最近我一直在为我的流做一个自定义抽搐聊天小部件，我遇到了一些我需要首先解决的问题是代码。

var userName = obj.user;
    $.ajax({
type: "GET",
url: "https://api.twitch.tv/kraken/channels/" + userName,
headers: {
  'Client-ID': 'ql93k2lg41xsnebz7kgyfjsrg28j532'
},
success: function(data1) {
  var userLogo = data1.logo;
  if (userLogo === null) {
  userLogo = "https://static-cdn.jtvnw.net/jtv_user_pictures/xarth/404_user_70x70.png";
  $("#logo").prepend("<div id='logo' class='image'>" + "<img src='" + userLogo + "' style='width:40px;height:40px;'>" + "</div>");
  } else {
  $("#logo").prepend("<div id='logo' class='image'>" + "<img src='" + userLogo + "' style='width:40px;height:40px;'>" + "</div>");
  }
}});

以便您可以看到脚本从obj.user获取用户名，为每个用户创建api url链接。

然后我们从用户api中提取徽标。

如果徽标返回null，则我们将其设置为默认图片链接

否则我们从用户api中提取他们的徽标并在屏幕上显示

现在我要做的就是拿这些网址并将它们保存到我的项目目录中，因为它们是第一次加载，因为如果我们手头有图像我们可以从我们自己的个人手中调用它数据库，而不是从twitch api不断调用它。

我的问题是如何在下面编辑我的脚本以添加一个函数来检查.png是否在目录中然后如果false将其从下面的api调用中拉出来并将副本保存到目录以供将来在叠加层中使用。

另外请记住，它必须在每个用户拉出之后命名.png。

先谢谢。

Javascript - 如何将twitch api图像URL保存到本地目录中的png文件？

0 个答案: