[ACCEPTED]-Upload PDF as base64 file to the server using AJAX-base64

Accepted answer

Score: 10

I still really don't understand why you'd 1 want to do it this way, but if you must... 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",
                age: 30,
                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",
            type: "POST",
            dataType: "JSON",
            data: info,
            success: function (response) {}
        });
    };

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

Source: stackoverflow.com

Get Image using jQuery.ajax() and decode it to base64

Using raw image data from ajax request for data URI

Access-Control-Allow-Origin - localhost

React fetch, “credentials: include”, breaks my entire request and I get an error

tinyMCE can no longer drag and drop images after upgrading from version 3 to version 4

Detect base64 encoding

Codeigniter | Save Base64 image to file

Using cropper.js before Dropzone.js send image to server

Saving HTML 5 Canvas as Image on the server using ASP.NET

Upload Base64 Image Facebook Graph API

Cookie Warning

We use cookies to improve the performance of the site. By staying on our site, you agree to the terms of use of cookies.