Javascript HTML：将上传的照片存储在LocalStorage中

我正在构建一个web应用程序，允许用户使用内置摄像头拍照，并将照片上传到应用程序，该应用程序将照片存储在内存中。目前，我正在使用下面的代码行捕获并上传照片

<input type="file" accept="image/*">

---

如何在

localStorage

中存储图像？有没有办法在HTML中用Javascript实现此功能

试试这样的方法：

const input=document.getElementsByTagName（'input'）[0]；//或id或任何您想要使用的选择器
input.onchange=（函数（e）{
const file=e.path[0]。文件[0]；
const reader=new FileReader（）；
reader.readAsDataURL（文件）；
reader.onload=函数（）{
常量id='blobid'+（新日期（））.getTime（）；
const blobCache=tinymce.activeEditor.editorUpload.blobCache；
const base64=reader.result.split（'，'）[1]；
setItem（'imageString'，base64）；
};
});这可能不是您问题的完整答案，但我认为这可能是一个有用的资源。