javascript - 通过 POST 下载文件

Question

我正在连接一个 WCS服务，并且必须将带有 XML 的 HTTP POST 请求发送到服务器以检索(二进制)栅格文件。

我设法使用 jQuery ajax 下载文件，但无法将实际文件内容保存到本地文件系统。

有什么办法可以实现吗？我最好使用浏览器内置的下载管理器来处理下载。

Answer 1

是的，可以从 Javascript 保存文件。基本上，它会生成一个包含二进制数据的 blob，然后使用 HTML5“下载”属性创建指向该 blob 的链接，以指定所需的文件名，最后它会模拟对该链接的点击。

// Limited browser support! (latest release versions of Firefox & Chrome are OK)
var DownloadAttributeSupport = 'download' in document.createElement('a');
function showSave(data, name, mimetype) {
    var blob, url, builder = new BlobBuilder();
    builder.append(data);
    if (!mimetype) mimetype = "application/octet-stream";
    if (DownloadAttributeSupport) {
        blob = builder.getBlob(mimetype);
        url = URL.createObjectURL(blob);
        var link = document.createElement("a");
        link.setAttribute("href",url);
        link.setAttribute("download",name||"Download.bin");
        // Now I need to simulate a click on the link.
        // IE 10 has the better msSaveBlob method and older IE versions do not support the BlobBuilder interface
        // and object URLs, so we don't need the MS way to build an event object here.
        var event = document.createEvent('MouseEvents');
        event.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
        link.dispatchEvent(event);
}

你应该看看https://stackoverflow.com/a/13059556/2227298有关不支持 HTML5 的浏览器的替代代码的更完整答案