jquery+ajax 文件上传功能-无ifram嵌套.docxVIP

 HYPERLINK /xlhblogs/archive/2012/07/05/2577116.html jquery+ajax 文件上传功能（无ifram嵌套） 这两天做项目（MVC3），很多地方都需要使用到文件上传功能，但是采用的方式都是通过submit表单的方式来实现附件的上传的，这样感觉每次都要刷新页面很不爽，所以想来想去还是准备写一个通用的文件上传功能来实现文件上传。 既然决定要做就马上动手，这次我采用的方式是，jquery+ajax来实现文件的上传，这里需要使用一个别人写的js插件：jquery-form.js，相关文档资料地址： HYPERLINK /docs/jquery.form.plugin/jquery.form.plugin.html \l api /docs/jquery.form.plugin/jquery.form.plugin.html#api 通过使用上述插件，我可以通过ajax来提交表单，而不会刷新页面。主要使用的方法是 $(#myformID).ajaxSubmit()方法。 好了废话不多说，还是上代码： 首先是展示页面需要做的：分别引入jquery.js，jquery-form.js，还有fileload.js 以下是展示页面代码：  HYPERLINK /xlhblogs/archive/2012/07/05/2577116.html + View Code HYPERLINK /xlhblogs/archive/2012/07/05/2577116.html ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN  HYPERLINK /TR/xhtml1/DTD/xhtml1-transitional.dtd /TR/xhtml1/DTD/xhtml1-transitional.dtd ?? html xmlns= HYPERLINK /1999/xhtml /1999/xhtml head runat=server ????title/title ????link href=CSS/Style.css rel=Stylesheet / ????script type=text/javascript src=jquery.js/script ????script src=project/js/jquery.form.js type=text/javascript/script ????script src=project/js/fileload.js type=text/javascript/script ????script type=text/javascript ????????$(document).ready(function() { ????????????createHtml($(#str)); ????????}) ????/script /head body ????div id=str ?????????? ????/div /body /html? ? 下面是fileload.js代码： View Code function createHtml(obj) { var htmstr = []; htmstr.push( form id=_fileForm enctype=multipart/form-data); htmstr.push( table cellspacing=\0\ cellpadding=\3\ style=\margin:0 auto; margin-top:20px;\); htmstr.push( tr); htmstr.push( td class=\tdt tdl\请选择文件：/td); htmstr.push( td class=\tdt tdl\input id=\loadcontrol\ type=\file\ name=\filepath\ id=\filepath\ //td); htmstr.push( td class=\tdt tdl tdr\input type=\button\ onclick=\fileloadon()\ value=\上传\//td); htmstr.push( /tr); htmstr.push( tr td class=\tdt tdl tdr\ colspan=3style=text-align:center;div id=\msg\nbsp;/div/td