关于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" />        

猜你喜欢

转载自weihong01267.iteye.com/blog/2319976