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

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

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>");
  }
}});

var userName=obj.user；
$.ajax({
键入：“获取”，
url:“https://api.twitch.tv/kraken/channels/“+用户名，
标题：{
“客户端ID”：“ql93k2lg41xsnebz7kgyfjsrg28j532”
},
成功：功能（数据1）{
var userLogo=data1.logo；
如果（userLogo==null）{
用户标识=”https://static-cdn.jtvnw.net/jtv_user_pictures/xarth/404_user_70x70.png";
$（“#logo”）.prepend（“+”+”）；
}否则{
$（“#logo”）.prepend（“+”+”）；
}
}});

如您所见，脚本从obj.user获取用户名，为每个用户创建api url链接

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

如果logo返回null，那么我们将其设置为默认图像链接

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

现在我想做的是将这些URL作为.png保存到我的项目目录中，因为它们是第一次以这种方式加载的。如果我们手头已有图像，我们可以从我们自己的个人数据库调用它，而不是不断地从twitch api调用它

我的问题是如何编辑下面的脚本，添加一个函数来检查.png是否在目录中，如果为false，则从下面的api调用中提取它，并将副本保存到目录中，以便将来在覆盖中使用

还要记住，它还必须以每个用户的名字命名.png

---

高级版谢谢。

您希望使用哪种服务器端语言来完成此任务？PHP？从html、css和javascript通过本地主机运行，并带有一点ajax。至于运行整个项目的程序，我不确定原因是它不是开源的，所以我只能编辑html和css文档以向其添加函数。