конвертировать изображения в base64 без загрузки

Question

я хочу, чтобы сохранить изображение в LocalStorage в базе 64 format.I знают его, используя концепцию FileReader как этот

function loadImageFileAsURL() 
{ 
    var filesSelected = document.getElementById("inputFileToLoad").files; 

    if (filesSelected.length > 0) 
    { 
     var fileToLoad = filesSelected[0]; 


     var fileReader = new FileReader(); 

     fileReader.onload = function(fileLoadedEvent) 
     { 
     alert(fileLoadedEvent); 

      document.getElementById("textAreaFileContents").innerHTML = fileLoadedEvent.target.result; 
     }; 

     fileReader.readAsDataURL(fileToLoad); 
    } 
} 

, но проблема в том, что я не хочу загружать любой файл. Я просто хочу, чтобы преобразовать существующий образ в base64.Hope кто-то может помочь ему

Answer 1

Да, это вид от возможно;)

1. Создать холст элемент
2. Загрузите изображение на него
3. Run canvas.toDataURL() (base64 кодированное изображение)
4. Сохранить это локально или в любом месте вы хотите