javascript - JS如何获取网页图片的文件类型？

Question

有一个需求，大概就是点一个按钮，执行js，之后下载页面中某图片。

图片的DOM是这样的：

<img style="-webkit-user-select: none" src="http://192.168.1.100/Image_tmp/2016-06/d4eb8dace510bcfad16a195bfa7b49cf">

我用这段代码做的下载：

    function downloadFile(fileName, content) {
        var aLink = document.createElement('a');
        var blob = new Blob([url]);
        var evt = document.createEvent("HTMLEvents");
        getImageType(blob);
        evt.initEvent("click", false, false);
        aLink.download = fileName;
        aLink.href = URL.createObjectURL(blob);
        aLink.dispatchEvent(evt);
    }

现在问题是下载时不知道怎么解决文件名。我只能取到d4eb8dace510bcfad16a195bfa7b49cf这样的东西，但这些文件可能是 png ，也可能是 jpg ，在浏览器里都能直接打开，但保存下来就是无文件类型的了

请问怎么获取这种图片的文件类型？

Answer 1

为啥要这样，直接外面套a标签不可以吗？

<a href="http://192.168.1.100/Image_tmp/2016-06/d4eb8dace510bcfad16a195bfa7b49cf" download="pic"><img style="-webkit-user-select: none" src="http://192.168.1.100/Image_tmp/2016-06/d4eb8dace510bcfad16a195bfa7b49cf" /></a>