关于form提交后展示遮罩及显示进度条gif问题

今天需要在form提交一个文件上传导入数据的功能由于数据较多，因此需要加一个遮罩展示进度条，

首先出现第一个问题

<div><img src="xxx.loading.gif"/></div>

展示后在ie下gif不能运动，只是静态图片

后面修改为

 document.getElementById('zhezhao2').innerHTML='<img src="<%=request.getContextPath()%>/images/loading.gif" /> <br><font color=red>上传中,请稍候！</font>';

后解决

 

然后当真正运行中 卡住以后发现 gif 仍然显示不了

经过调试发现图片下载不了，然来是form提交是同步的 在form提交未完成前不能下载图片

因此 我在body里面预先加载图片后解决这个问题，当然需要把图片宽度设置为0；

<img src="<%=request.getContextPath()%>/images/loading.gif" width="0" />