将图像文件变量从JS函数传递到同一页面上的php函数

Question

在视图中，有一个在js的帮助下上传图像的选项，现在我想将该图像传递到同一页面上的php函数。我尝试过这段代码，但我现在不知道该怎么做。

查看：

<a href="" id="anchortag"><button type="button" name="userimage" class="profile-user-img img-responsive img-circle"><img class="profile-user-img img-responsive img-circle" src="<?php echo base_url();?>dist/img/user4-128x128.jpg" alt="User profile picture"></button></a>

                    <script type="text/javascript">
                      $("button").click(function(){
                      var file = new FileModal("image/png");
    file.onload = function(d){
        console.log(d);
    };

    file.show();
});


/*The FileModal Class*/
function FileModal(accept){
    var callback = function(){};
    return {
        show: function(){
            $("<input>").attr({
                type: "file",
                accept: accept
            }).appendTo("body").hide().change(function(e){
                var file = e.target.files[0],
                    reader = new FileReader();
                reader.onload = function(progress){
                    callback(progress.target.result);
                };
                reader.readAsDataURL(file);
            }).click();
        },
        set onload(c){ callback = c;
      }

    }
}
</script>