ASP.NET MVC使用jQuery无刷新上传

昨晚网友有下载了一个jQuery无刷新上传的小功能,他尝试搬至ASP.NET MVC应用程序中去,在上传死活无效果。Insus.NET使用Teamviewer远程桌面,操作一下,果真是有问题。网友是说,把源代码一一照搬的复制。难道它不能移值至ASP.NET MVC应用程序吗?
Insus.NET想了一下,源代码是html+ashx的,它一定能的。

网友发送能正常运行的代码给Insus.NET......

重点的script文件:http://download.cnblogs.com/insus/MVC/MyAjaxForm.js 
把它下载存储入Scripts目录之下。

在控制器添加一个视图操作:
ASP.NET MVC使用jQuery无刷新上传

在Handlers目录之下,创建Img.ashx:
ASP.NET MVC使用jQuery无刷新上传

其实也是照搬,上图中#20行代码,修改一下目录。
根据控制器的操作,创建一个视图:
ASP.NET MVC使用jQuery无刷新上传

上图中,修改一下ashx的路径。其它全是照搬。
演示:
ASP.NET MVC使用jQuery无刷新上传

把测试好的代码发送给网友,网友测试也没有问题,但最后,网友还有要求,需要不使用ashx,而是把处理的程序,写在控制器上。
其实,ashx在asp.net mvc应用程序还是一样使用,但不管写在哪,方法均是一样的。

下面是取消ashx,写在控制器上。
ASP.NET MVC使用jQuery无刷新上传

在视图修改一下url的值:
ASP.NET MVC使用jQuery无刷新上传

再次演示:
ASP.NET MVC使用jQuery无刷新上传

上一篇:codeigniter db操作方法


下一篇:ASP.NET MVC中使用表单上传文件时的注意事项