将图像转换为base64而不上传

Question

我想以base 64格式在localStorage中保存图像。我知道使用像这样的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。希望有人可以帮助它

Answer 1

是的，它很可能;）

1. 创建画布元素
2. 将图片加载到其上
3. 运行canvas.toDataURL()（base64编码图像）
4. 在本地或任何您想要的地方保存