Кодировать PDF в base64 в ReactJS

Question

Пожалуйста, помогите мне! Как я могу кодировать файл в строку base64 в реакции

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

  // here encoding file base64?

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

Answer 1

Вот что вы можете попробовать:

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
  })
}

Возможно, вам придется изменить его для нескольких файлов.