<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>sample</title>
</head>
<body>
<button id='btn'>下载</button>
<span id='status'></span>
</body>
<script>
var url = "http://192.168.9.123/images/area.jpg";
document.getElementById('btn').onclick = function() {

document.getElementById('status').innerHTML = '下载中'; 
fetch(url).then(res => res.blob().then(blob => { 
  var a = document.createElement('a'); 
  var url = window.URL.createObjectURL(blob); 
  var filename = res.headers.get('Content-Disposition'); 
  a.href = url; 
  a.download = filename; 
  a.click(); 
  window.URL.revokeObjectURL(url); 
  document.getElementById('status').innerHTML = '下载完成'; 
})); 

};
</script>
</html>

这是一个网上的demo，也是这个样子，谷歌下载没有问题，火狐就没有反应也不报错，求大神指点下，大家可以把代码复制下去，url改成自己同源的，就会发现这个问题