在ReactJS中将PDF编码为base64 [英] Encode PDF to base64 in ReactJS

问题描述

请帮助我！ 如何在react中将文件编码为字符串base64

Please help me! How can I encode file to string base64 in react

handleUploadFile(event) {
  let file = event.target.files[0]

  // here encoding file base64?

  this.setState({
    fileData: file,
    fileName: file.name
  })
}

推荐答案

您可以尝试以下方法:

handleUploadFile(event) {
    let selectedFile = event.target.files;
    let file = null;
    let fileName = "";
    //Check File is not Empty
    if (selectedFile.length > 0) {
        // Select the very first file from list
        let fileToLoad = selectedFile[0];
        fileName = fileToLoad.name;
        // FileReader function for read the file.
        let fileReader = new FileReader();
        // Onload of file read the file content
        fileReader.onload = function(fileLoadedEvent) {
            file = fileLoadedEvent.target.result;
            // Print data in console
            console.log(file);
        };
        // Convert data to base64
        fileReader.readAsDataURL(fileToLoad);
    }

  this.setState({
    fileData: file,
    fileName: fileName
  })
}

不过，您可能需要为多个文件进行更改.

You may need to change it for multiple files though.

这篇关于在ReactJS中将PDF编码为base64的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！