javascript - form action 上传图片 如何在第二页调用

Question

我想实现的效果是
第一页用户上传的图片发送到服务器上面，第二页能够调用第一页用户上传的图片。
好像要用到回调函数，传递参数，但是我不会写，在网上找了好久也无果，求大神帮忙看看，最好能给个代码。
下面是我的代码：

<form action="http://admin.ikarkar.com/index.php/Information/upLoadImg" method="post" enctype="multipart/form-data" data-ajax="false">
     <button class="center-block">
          <input type="file" name="imgfile" id="file"/>
     </button>
</form>

第二页就是一个

<img id="userimg" src="?">

想在第一页把图片地址赋值到一个变量，第二页的时候src引用变量

Answer 1

使用Ajax来上传吧，那里有回调函数供你使用

Answer 2

不用那么麻烦，其实就像平常的上传加读取显示一样，你的图片必须要有介质来存放你上传的图片，用流、服务器缓存、服务器文件等都行。
如果放在服务器上，第一页的时候就正常上传，存到服务器的某一位置，写第二页的代码时就假设图片已经存在，引用就行。
如果放在流中，就要用PHP之类的脚本以header('content-type:image/jpg')让他以图片输出出来。