传文件如何样控制页面不刷新啊
日期：2014-05-18 浏览次数：20617 次
传文件怎么样控制页面不刷新啊
在页面中用input type="file"怎么样控制点击按钮页面不跳转,是不是用ajax实现的,请高手指点以下
------解决方案--------------------
异步不刷新页面，或者说form不提交， 而且需要与后台交互那么 需要ajax
控制点击按钮页面不跳转 不一定。
a.jsp提交的时候转回a.jsp
------解决方案--------------------
index.jsp
在页面中用input type="file"怎么样控制点击按钮页面不跳转,是不是用ajax实现的,请高手指点以下
------解决方案--------------------
异步不刷新页面，或者说form不提交， 而且需要与后台交互那么 需要ajax
控制点击按钮页面不跳转 不一定。
a.jsp提交的时候转回a.jsp
------解决方案--------------------
index.jsp
- Java code
<%@ page language="java" pageEncoding="gb2312"%>
<html>
<body>
<form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" >
<input type="file" id="file" name="file" style="width:450">
<INPUT type="submit" value="上传文件"><span id="msg"></span>
<br>
<font color="red">支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传</font>
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
</form>
</body>
</html>
<script type="text/javascript">
function callback(msg)
{
document.getElementById("file").outerHTML = document.getElementById("file").outerHTML;
document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>";
}
</script>
------解决方案--------------------
哈密瓜，我也碰到了类似的问题呀
------解决方案--------------------
ajax
------解决方案--------------------
<form action="upload.jsp" name="form1" encType="multipart/form-data" method="post">
1. 如果是 submit,image 按钮的话就要看action路径问题,跳转到哪个页面,
2,看你提交的方式,如果是 普通 button 按钮的话,就是 在 javascript 里处理路径了
....................
------解决方案--------------------
用隐藏的iframe的来作为跳转的最终页面，3楼给出了答案了已经。
什么form不提交。。。什么提交方式。。。乱。。用ajax的话，一定要用现成的框架的
------解决方案--------------------
<form method="post" name="" enctype="multipart/form-data" target="hidd" action="">
</form>
<iframe id="hidd" name="hidd" style="display:none"></iframe>
这么搞就可以了
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
