javascript - 画像を取得し、サーバーの場所にアップロード/保存します

Question

クライアントからサーバーの場所に画像をアップロードする必要があるbeegoアプリケーションがあります。

//Till now I have tried the following script
$("#fileupload").on("click",function(){
  $("#my_file").click();
  userImage = document.getElementById('fileupload');
  imgData = getBase64Image(userImage);
  localStorage.setItem("imgData", imgData);
});

<!--Html where i have kept option for image upload-->
<ul>
  <li style="margin-top:5px;">  .Hii vijay  </li>
  <li><input type="file" id="my_file" style="display: none;" /></li>
  <li><img id="fileupload" name="filetoupload" src="../../static/img/img.png"></li>
</ul>

このスクリプトを使用して、空の画像をクリックすると (ここをクリックして追加)、ファイルの参照オプションが表示されます。画像を選択した後、アクションは実行されません。私の要件は、参照オプションから画像を選択することです。選択した画像はサーバーの場所に保存する必要があります。