ie11下载Base64文档 [英] ie11 Downloading Base64 documents

问题描述

此时我已经尝试过几乎所有的东西而且我无法获得任何工作。

I have tried pretty much everything at this point and I cannot get anything to work in ie.

我需要从附件面板下载base64文件。我无法访问服务器端代码或数据库。图像无法存储在要拉出的文件夹中，需要以这种方式显示。

I need ie to download base64 documents from an attachment panel. I have no access to the server side code or database. The images cannot be stored in a folder to be pulled up, they need to be presented this way.

我尝试过使用普通链接并将base64 sting固定在那里它只是打开一个新的空白窗口。

I have tried using a plain link and sticking the base64 sting in there and it just opens up a new blank window.

<a target="_blank" download class="btn btn-primary downloadAttachment" href="' + blobUrl + '" >Download</a>

我尝试将网址转换为 blob 并打开blob，导致浏览器无法执行任何操作。

I have tried turning the url into a blob and opening the blob and that resulted in the browser not doing anything.

function base64toBlob(base64Data, contentType) {
    contentType = contentType || '';
    var sliceSize = 1024;
    var byteCharacters = base64Data;
    var bytesLength = byteCharacters.length;
    var slicesCount = Math.ceil(bytesLength / sliceSize);
    var byteArrays = new Array(slicesCount);

    for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
        var begin = sliceIndex * sliceSize;
        var end = Math.min(begin + sliceSize, bytesLength);

        var bytes = new Array(end - begin);
        for (var offset = begin, i = 0 ; offset < end; ++i, ++offset) {
            bytes[i] = byteCharacters[offset].charCodeAt(0);
        }
        byteArrays[sliceIndex] = new Uint8Array(bytes);
    }
    return new Blob(byteArrays, { type: contentType });
}

我完全陷入困境。我已尝试过谷歌和此处的所有内容。

I am completely and totally stuck. I have tried everything from google and on here.

我最近的两次尝试

https://jsfiddle.net/pqhdce2L/

http://jsfiddle.net/VB59f/464/

推荐答案

前段时间我创造了这个函数来制作（提供/初始化）下载xlsx或csv内容，同时接受Blob或base64字符串：

Some time ago I've coined this function to make ("offer/initialize") a download of an xlsx or csv content accepting both a Blob or a base64 string:

// Initializes a file download of a provided content
//
// Not usable outside browser (depends on window & document)
//
// @param {Blob|base64} cont File content as blob or base64 string
// @param {string} ftype File type (extension)
// @param {string} [fname='export.' + ftype] File name
// @param {string} [mime='application/zip'] File mime type
// @returns {void}
function makeFileDownload(cont, ftype, fname, mime) {
    if (!fname) fname = 'export.' + ftype;
    if (!mime) mime = ftype === 'csv' ? 'text/csv' : 'application/zip'; // or 'application/vnd.ms-excel'

    if (Object.prototype.toString.call(cont) === '[object Blob]'
            && window.navigator && window.navigator.msSaveBlob) {
        window.navigator.msSaveBlob(cont, fname);
    }
    else {
        var downloadLink = document.createElement('a');
        downloadLink.download = fname;
        downloadLink.href = typeof cont === 'string'
            ? 'data:' + mime + ';base64,' + cont
            : window.URL.createObjectURL(cont);
        downloadLink.onclick = function(e) { document.body.removeChild(e.target); };
        downloadLink.style.display = 'none';
        document.body.appendChild(downloadLink);
        downloadLink.click();
    }
};

这应该能够接受Blob和base64字符串 - 你应该知道它是如何完成的对于来自if / else块的Blob和base64字符串。

This should be able to accept both Blob and base64 string - you should get the idea how it's being done for either a Blob and a base64 string from the if/else block.

如果传递base64字符串是有问题的，只需先将其转换为Blob（如建议的那样）这个问题，这个答案专门针对IE11）。根据您的预期用途调整哑剧默认值。

If passing it base64 string is problematic just convert it to a Blob first (as suggested for example in this SO question, this answer is specifically aimed at IE11). Adjust the mime defaults according to your expected usage.

我想您已经拥有内容（Blob / base64），保留原始链接（我想要点击它）用户）一个简单的链接或一个按钮（即没有 download / href 属性），附加一个单击事件处理程序，你将调用该函数，它应该为您初始化下载：

I suppose you already have the content (Blob/base64), keep your original link (which I suppose is to be clicked by an user) a plain link or rather a button (i.e. without the download/href attributes), attach it a click event handler where you'll call the function and it should initialize the download for you:

document.querySelector('#originalLink').addEventListener('click', function () {
    makeFileDownload(content, extension, filename, mimetype);
});

这篇关于ie11下载Base64文档的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！