将图像转换为base64而不上传答案

【问题标题】：convert Image to base64 without uploading将图像转换为base64而不上传
【发布时间】：2014-10-03 17:56:40
【问题描述】：

我想以 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。希望有人可以帮助它

【问题讨论】：

将 'document.getElementById("textAreaFileContents").innerHTML=' 替换为 'localStorage.myImg='
在画布上绘制图像，然后获取画布数据为base64。网上有很多关于它的文章
@dandavis 谢谢，但是如何在不上传图片的情况下将其转换为 base64 字符串
@ajeetlakhani：我不明白，dataURL 已经是 base64 编码的。如果您只想要没有 mime 的纯字节，请使用 url.split(",").pop() 获取逗号后的所有内容

标签： javascript jquery base64

【解决方案1】：

是的，有可能;)

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

【讨论】：