有没有办法通过同一页面上的输入上传图像？

Question

到目前为止，我的jquery代码是：

<img class="profileimage" src="/Images/Portrait.png" />    
<input id="sharePhotoPublic" type="file" hidden="hidden" name="filetoupload" />      
<script type="text/javascript">
$(".profileimage").click(function () {
     $('#sharePhotoPublic').trigger('click');
});
</script>

但我希望将sharePhotoPublic中的图像实时上传到profileimage。有没有办法做到这一点？还是有其他选择吗？我是jquery的新手，所以非常感谢一些帮助。在我发布新文件之后，代码已经正常工作，但由于那不是我想要实现的，我还需要一个额外的步骤，我不知道如何采取