jquery post 下载(Excel)文档加载后打开是乱码

凌晨4点5杀老大爷 2019-03-19 06:27:48

需要post 将Excel文件流下载到本地然后打开但是显示有乱码



    $.ajax({

        type: "POST",

        url: .......,

        data: {

          .......

        },

        responseType: 'blob',

        success: function (response, status, request) {

            var disp = request.getResponseHeader('Content-Disposition');

            if (disp && disp.search('attachment') != -1) {  //判断是否为文件

                //var form = $('<form method="POST" action="' + url + '">');

                //$.each(params, function (k, v) {

                //    form.append($('<input type="hidden" name="' + k +

                //            '" value="' + v + '">'));

                //});

                //$('body').append(form);

                console.log(111);

                var fileName = '......xls';

                var content = response;

                var blob = new Blob([content]);

                const elink = document.createElement('a')

                elink.download = fileName;

                elink.style.display = 'none';

                elink.href = URL.createObjectURL(blob);

                document.body.appendChild(elink);

                elink.click();

                URL.revokeObjectURL(elink.href); // 释放URL 对象

                document.body.removeChild(elink);

            }

        }

    });

请教如何解决乱码问题。

...全文

705 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

凌晨4点5杀老大爷 2020-03-24

打赏
举报

引用 5 楼 BinaryLizm 的回复:

$.ajax 的 responseType 不是这样设置的
$.ajax({
    type: "POST",
    responseType: 'blob' // 无效
}）
是这样设置的
$.ajax({
    type: "POST",
    xhrFields:{
        responseType: 'blob'
    }
}）
但是$.ajax 不支持接受 responseType 为blob 时的 responseText 源码如下：
// Support: IE<10
// Accessing binary-data responseText throws an exception
// (#11426)
if ( typeof xhr.responseText === "string" ) {  // 设置了 responseType 为 blob 或者 arraybuffer 时，这一句报错
    responses.text = xhr.responseText;
}
所以使用 $.ajax post 来接受后端返回的流数据无解，不是硬性要求使用 $.ajax 做的话，网上有很多其他解决方法，原生或者axios等。

不喜jquery

asu.lzm 2020-02-27

打赏
举报

$.ajax 的 responseType 不是这样设置的


$.ajax({
    type: "POST",
    responseType: 'blob' // 无效
}）

是这样设置的


$.ajax({
    type: "POST",
    xhrFields:{
        responseType: 'blob'
    }
}）

但是$.ajax 不支持接受 responseType 为blob 时的 responseText 源码如下：


// Support: IE<10
// Accessing binary-data responseText throws an exception
// (#11426)
if ( typeof xhr.responseText === "string" ) {  // 设置了 responseType 为 blob 或者 arraybuffer 时，这一句报错
    responses.text = xhr.responseText;
}

所以使用 $.ajax post 来接受后端返回的流数据无解，不是硬性要求使用 $.ajax 做的话，网上有很多其他解决方法，原生或者axios等。

凌晨4点5杀老大爷 2019-03-22