Javascript 获取图像并保存在存储器中

我有一个网页，这是一个个人资料查看页面。这里我有一张空白图片。单击此图像后，我可以提示浏览图像选项。但我不知道如何将图像保存到存储器中。这是我的密码：

.嗨

$（文档）.ready（函数（）{
$（#文件上载”）。在（“单击”，函数（）上{
$（“#我的#文件”）。单击（）；
}

我在jQuery下面尝试了这个方法来保存图像，但是没有用

$（文档）.ready（函数（）{
$（#文件上载”）。在（“单击”，函数（）上{
$（“#我的#文件”）。单击（）；
userImage=document.getElementById（'fileupload'）；
imgData=getBase64Image（userImage）；
setItem（“imgData”，imgData）；
});    
});

我的要求是，我应该能够通过在我的代码中单击“添加图像”保存图像，即

img.png

。我正在使用beego作为web框架，但如果用jQuery或javascript解决这个问题，我会很高兴的。

// https://stackoverflow.com/a/17711190/383904
function readImage() {
  if ( this.files && this.files[0] ) {
    var FR= new FileReader();
    FR.onload = function(e) {
      localStorage.setItem("imgData", event.target.result); // Send to Localstorage
    };       
    FR.readAsDataURL( this.files[0] );
  }
}

$(document).ready(function(){
  $("#fileupload").on("click",function(){
    $("#my_file").click().change( readImage );
  });   
});

要在服务器上保存该图像，您需要将该数据发送到PHP。
PHP可以将base64字符串转换为图像

否则，为什么不简单地使用AJAX将该图像发送到PHP脚本，然后将其放入服务器文件夹中呢

---

上面的失败在哪里？出现了什么异常？没有异常。也没有发生任何操作。我可以在这里指定我的位置。您必须为此添加一个特定的AJAX调用，这只是将其保存在localStorage中。@vkc您所说的位置是什么？您说过要将其存储在localStorage中。好了。@vkc如果要保存该图像在服务器上，通过AJAX将图像直接发送到PHP或其他服务器端语言。@vkc我真的不明白，如果您只是从用户机器上读取图像…为什么现在要将其保存到其他位置？还是在同一台机器上？