javascript – 使用AJAX将PDF作为base64文件上传到服务器

假设我想将以下信息上传到服务器：

var info = {
    name: "John",age: 30,resume: resume.pdf  // base64 String
};

我的AJAX调用看起来像这样：

$.ajax({
    url: "http://example.com",type: "POST",dataType: "JSON",data: info,success: function (response){
        // do something
    }
});

我的问题是如何修改AJAX调用以将resume.pdf文件(resume属性)作为base64 String上传到服务器？

解决方法

我仍然真的不明白你为什么要这样做,但如果你必须…… FileReader Browser Support.

HTML

<form>
  <input type="file" name="file" id="resume">
  <input type="submit">
</form>

使用Javascript

$('form').on('submit',function (e) {
    e.preventDefault();

    var reader = new FileReader(),file = $('#resume')[0];

    if (!file.files.length) {
        alert('no file uploaded');
        return false;
    }

    reader.onload = function () {
        var data = reader.result,base64 = data.replace(/^[^,]*,/,''),info = {
                name: "John",resume: base64 //either leave this `baSAE64` or make it `data` if you want to leave the `data:application/pdf;base64,` at the start
            };

        $.ajax({
            url: "http://example.com",success: function (response) {}
        });
    };

    reader.readAsDataURL(file.files[0]);
});