Question

我在角度js环境中使用ajax来调用本地文件（pdf文件）。被调用是成功的，但是ajax调用返回的数据是乱码（不确定我是否在这里使用了正确的术语，但就像使用文本编辑器打开pdf文件一样）。无论如何我可以将返回结果作为base64字符串吗？

这背后的原因是与一些现有的pdf合并，但在此之前，我需要pdf的base64字符串。下面是我的ajax调用代码，

$.ajax({           
    url : 'path/to/pdfFile.pdf',
    success : function(data) {
       console.log(data); //expecting base64 string here
    },
    error: function(xhr, textStatus, errorThrown){
      console.log('request failed');
    },
    async : false
});

Answer 1

我设法将pdf文件（乱码）转换为base64字符串，正确的定义应该是将二进制文件转换为base64。

以下是答案，感谢@DaTebe和来自的参考答案：

Retrieving binary file content using Javascript, base64 encode it and reverse-decode it using Python

答案，

首先，从引用的答案

中编写两种转换方法

function base64Encode(str) {
    var CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
    var out = "", i = 0, len = str.length, c1, c2, c3;
    while (i < len) {
        c1 = str.charCodeAt(i++) & 0xff;
        if (i == len) {
            out += CHARS.charAt(c1 >> 2);
            out += CHARS.charAt((c1 & 0x3) << 4);
            out += "==";
            break;
        }
        c2 = str.charCodeAt(i++);
        if (i == len) {
            out += CHARS.charAt(c1 >> 2);
            out += CHARS.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));
            out += CHARS.charAt((c2 & 0xF) << 2);
            out += "=";
            break;
        }
        c3 = str.charCodeAt(i++);
        out += CHARS.charAt(c1 >> 2);
        out += CHARS.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
        out += CHARS.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6));
        out += CHARS.charAt(c3 & 0x3F);
    }
    return out;
}

function getBinary(file){
    var xhr = new XMLHttpRequest();
    xhr.open("GET", file, false);
    xhr.overrideMimeType("text/plain; charset=x-user-defined");
    xhr.send(null);
    return xhr.responseText;
}

要使用它，请使用：

var b = getBinary（'path / to / pdfFile.pdf'）;
var b64 = base64Encode（b）;
的console.log（B64）;

Ajax调用将PDF文件作为base64字符串返回

1 个答案: