如何将映像保存到localStorage并将其显示在下一页上？
因此，基本上，我需要上传单个图像，将其保存到localStorage，然后在下一页上显示。 目前，我已经上传了HTML文件： <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> 使用此功能在页面上显示图像 function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } 该图像立即显示在页面上，供用户查看。然后要求他们填写表格的其余部分。这部分工作正常。 表格填写完毕后，他们将按“保存”按钮。按下此按钮后，我将所有表单输入另存为localStorage字符串。我需要一种将图像另存为localStorage项目的方法。 保存按钮还会将它们定向到新页面。这个新页面将在表格中显示用户数据，图像在顶部。 如此简单明了，localStorage一旦按下“保存”按钮，我需要保存图像，然后将图像借出到下一页localStorage。 我在moz：// a HACKS上找到了一些解决方法，例如这种小提琴和本文。 尽管我仍然对如何工作感到非常困惑，但我只需要一个简单的解决方案。基本上，我只需要通过getElementByID按“保存”按钮找到图像，然后处理并保存图像。