How to Convert PDF to a Base64-encoded string in javascript？

What is Base64 Encoding?

Base64 is an encoding scheme that represents arbitrary binary data using 64 characters. It is primarily used for transmitting binary data in environments requiring ASCII character sets, such as sending image attachments via email. The 64 characters commonly used in Base64 encoding include uppercase letters A-Z, lowercase letters a-z, digits 0-9, and the two symbols '+' and '/'. For URL and filename-safe applications, these symbols are replaced with other characters.

How to Convert PDF to Base64 Encoded String?

Converting PDF files to Base64 strings is primarily achieved through programming. Here, I will illustrate with examples using Python and JavaScript.

Using Python:

In Python, we can use the base64 library for encoding and the open function to read the PDF file in binary mode. Here is a specific code example:

python
import base64

def pdf_to_base64(file_path):
    # Read the PDF file in binary mode
    with open(file_path, "rb") as pdf_file:
        # Read the file content
        pdf_content = pdf_file.read()
        # Encode the PDF content as a Base64 string
        base64_encoded = base64.b64encode(pdf_content)
        # Convert bytes to string
        base64_string = base64_encoded.decode('utf-8')
        return base64_string

# Use the function
base64_string = pdf_to_base64("path/to/your/file.pdf")
print(base64_string)

Using JavaScript:

In JavaScript, we can use the File API to read file content and the FileReader class's readAsDataURL method to convert content to Base64 encoding. Here is an example code:

javascript
function pdfToBase64(file) {
    let reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function () {
        // reader.result contains the Base64-encoded PDF data
        console.log(reader.result);
    };
    reader.onerror = function (error) {
        console.log('Error: ', error);
    };
}

// Get PDF file from <input type="file" id="fileInput"> HTML element
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', (event) => {
    const file = event.target.files[0];
    pdfToBase64(file);
});

Both methods can effectively convert PDF files into Base64-encoded strings, facilitating transmission or storage over the network. In practical work, choose the appropriate programming language and method based on specific application scenarios.