如何在 JS 中保存 PDF 文件（来自 ajax）

Question

我使用PHP来获取它，因为我需要从另一台服务器下载PDF文件。要下载此文件，我需要登录，而客户端不必在那里登录。

问题是用户得到的 PDF 文件只是一个白页。在我的服务器上，当我将其写入文件时，里面仍然有内容 ( file_put_contents("test.pdf",$content);)

我在发送之前尝试对它进行 base64 编码，并认识到传递的数据仍然是正确的。因此它在解码 ( atob(data)) 或下载功能中失败。（我也试过 utf8 编码）

在下载的pdf文件中，很多字符与这些框或问号（ ）交换。

$result = curl_exec($ch);

file_put_contents("test.pdf",$result); //test.pdf contains correct document

echo base64_encode($result);

download(atob(data),"My.pdf") //data is answer of ajax request

function download(data, filename, type) {

    var file = new Blob([data], {

        type: type

    });

    if (window.navigator.msSaveOrOpenBlob) // IE10+

        window.navigator.msSaveOrOpenBlob(file, filename);

    else { // Others

        var a = document.createElement("a"),

            url = URL.createObjectURL(file);

        a.href = url;

        a.download = filename;

        document.body.appendChild(a);

        a.click();

        setTimeout(function () {

            document.body.removeChild(a);

            window.URL.revokeObjectURL(url);

        }, 0);

    }

}

Answer 1

问题在于 BLOB 构造函数中的隐式 UTF8 编码。更多信息在这里。

Answer 2

要显示 pdf（或任何其他文件类型），您必须在响应标头中设置内容类型等，以便浏览器正确解析并显示。这是我为向用户提供 pdf 内容而编写的一小部分代码。  $file = '/home/public_html/DriveMode/DRIVES/java.pdf'; //path to file  $filename = 'filename.pdf';  header('Content-type: application/pdf'); //setting content type in header  header('Content-Disposition: inline; filename="' . $filename . '"');  header('Content-Transfer-Encoding: binary');  header('Accept-Ranges: bytes');   readfile($file); // reads and writes the file to output buffer希望这对您有所帮助，如果这里有什么令人困惑的地方，请在评论中告诉我。