a 标签 downLoad属性兼容，wav音频文件浏览器直接打开

HTML

<input type="button" id="HY_download"  title="点击下载" value="下载" />

相关文件downLoad.js，用的jq

var audioUrl = "http://121.196.219.217:9009/20201127/1012/45136_1_183808.wav"

$('#HY_download').on('click', function() {
        var strFileName = audioUrl.substring((audioUrl.lastIndexOf('/') + 1));
        downloadUrl(audioUrl, strFileName);
});
function downloadUrl(audioUrl, strFileName) {
        var x = new XMLHttpRequest();
        x.open("GET", audioUrl, true);
        x.responseType = 'blob';
        x.onload = function(e) {
                download(x.response, strFileName);
        }
        x.send();
}

提示可能报跨域问题，我这里是后端是.net，在IIS的web.config文件里添加了请求头都可以了

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <directoryBrowse enabled="true" />
        
        <httpProtocol>
            <customHeaders>
                <add name="Access-Control-Allow-Origin" value="*" />
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</configuration>

纯属个人笔记，如果有帮到大家，欢迎点赞收藏