下载文件IE,JS

时间:2019-10-09 14:06:25

标签: javascript jquery download blob

我有一个可以下载的事件处理程序,并且在IE以外的所有浏览器上都可以正常运行,因此我用msSaveBlob处理了该事件处理程序并下载了文件,但是当我打开它时,它说格式不好,所以我的猜测是我不在blob中使用有效数据。

$(document).on('click', '.register-file-uploader-download-file', function () {
        let $fileResultsItem = $(this).closest('.form-fields__file-results-item');
        const fileName = $fileResultsItem.find('.multiple-files-upload-item').data('filename');
        const fileUrl = $fileResultsItem.find('.multiple-files-upload-item').val();
        if (fileUrl.length > 0) {
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if (this.readyState === 4 && this.status === 200) {
                    var url = window.URL || window.webkitURL;
                    let blobFileUrl = url.createObjectURL(this.response);
                    if (window.navigator && navigator.msSaveBlob) { // For IE
                        const blobObj = new Blob([this.response], { type: 'application/octet-stream' });
                        return navigator.msSaveBlob(blobObj, fileName);
                    }
                    const a = document.createElement('a');
                    a.style.display = 'none';
                    a.href = blobFileUrl;
                    a.download = `${fileName}`;
                    document.body.appendChild(a);
                    a.click();
                    url.revokeObjectURL(blobFileUrl);
                }
            };
            xhr.open('GET', fileUrl);
            xhr.responseType = 'blob';
            xhr.send();
        }
    });

1 个答案:

答案 0 :(得分:0)

我发现了错误。代码工作正常,问题实际上是我尝试下载在舞台服务器上上传的图像,并且当我上传并下载它并正常工作时