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="浏览" οnblur="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 = ''; 

}