Javascript 是否有办法检查文件是否在浏览器的缓存中，并且仅在文件不在缓存中时下载？

我正在制作一个音频沉重的页面。我正在使用JavaScript音频元素。代码如下所示：

if (file in the cache){
    use the file in the cache;
}
else{
    var x = new Audio("x.mp3");
    var y = new Audio("y.mp3");
    var z = new Audio("z.mp3");
}

JavaScript:

var x = new Audio("x.mp3");
var y = new Audio("y.mp3");
var z = new Audio("z.mp3");

function playMe(n){
    n.play();
}

HTML:

声明音频对象时，将下载音频文件

---

有什么方法可以做到这一点吗？

看看这个线程，这是浏览器的工作，不是你的。只需确保服务器发送正确的标题。请查看此线程，这是浏览器的工作，而不是您的工作。只需确保服务器发送正确的头。

if (file in the cache){
    use the file in the cache;
}
else{
    var x = new Audio("x.mp3");
    var y = new Audio("y.mp3");
    var z = new Audio("z.mp3");
}