日期:2014-05-16  浏览次数:20383 次

javascript系列---ajax上传文件

在项目开发中,我们有时会遇到这样的问题,就是对上传文件进行检查:

例 如:上传一个指定格式的文件,将文件解析依次插入到数据库中,然后在前台页面输入相应的数值核对文件中的记录数目及一些相关数据,这个地方得在上传文件后将文件相应的信息返回到前台页面,通常一般的上传文件的方法都是利用form去提交的,所以此处需求使作ajax上传,这样用户的体验效果会更好。

请看以下源代码:

jsp页面中

<form id="form1" name="form1" method="post" enctype="multipart/form-data" target="hidden_frame"> 目标指定到iframe
                     <input type="file" id="f_path" name="f_path" class="ipay_text_input150" value="浏览" onblur="checkFile()" />

                     <!---此处加入一个iframe-->
                     <iframe name='hidden_frame' id="hidden_frame" style="display:none"></iframe>
</form>

java代码中:

在文件保存成功后返回

                   File savedFile = new File(filePath);
                    if (!savedFile.isDirectory()) {
                        item.write(savedFile);
                        out.println("<script>window.parent.callback('"+fpath+"')</script>");  
                    } else {
                        out.println("Not the file:" + fpath + "<BR />");
                    }

在前台页面中,定义callback()方法即可获得返回值了

function callback(msg){
document.getElementById("f_path").outerHTML = document.getElementById("f_path").outerHTML; 
document.getElementById("f_path").value = ''; 

}


1楼GarwayWong昨天 17:19
广州 招聘n熟悉OSS,SQL UNIX Java Development Oracel XML, HTML, SVGn要求本科,熟悉英文方面的專業用語(因為該公司是外資企業,也是世界前五百強.面試也是外國人面的)3年工作经验n月薪大概10K到12K