文件上传之伪Ajax篇

iframe上传文件

接上篇:Ajax的最大特点就是无刷新,因此楼主想通过模拟Ajax的方式进行文件上传,也就是iframe上传文件

话不多说,直接上代码

HTML:

1 <iframe name="send" style="display:none"></iframe>
2
3 <form action="/home/receiveAjax/" target="send" method="post" enctype="multipart/form-data">
4         <input type="text"/>
5         <input type="file" name="file" id="file" />
6         <input type="submit"/>
7 </form>

C#:

1         [HttpPost]
2         public ActionResult receiveAjax(string s1)
3         {
4             HttpPostedFileBase file = Request.Files[0];
5             return Content("Success");
6         }

后台代码和上篇是一样的,如果将<iframe name="send" style="display:none"></iframe>显示出来的话,还可以看到后台代码的返回值"Success",而且有错误的话,还能通过返回的iframe中的错误进行调试

这个上传方式最大的特点是没有一行javascript代码

到此,本篇结束,如有问题,欢迎指正

时间: 2024-08-30 01:03:36

文件上传之伪Ajax篇的相关文章

文件上传之伪Ajax方式上传

From: <由 Windows Internet Explorer 8 保存> Subject: =?gb2312?B?zsS8/snPtKvWrs6xQWpheLe9yr3Jz7SrIC0gTVIgQ08gLSCyqb/N1LA=?= Date: Sun, 3 Jun 2012 10:54:53 +0800 MIME-Version: 1.0 Content-Type: multipart/related;  type="text/html";  boundary=&q

Spring Boot文件上传示例(Ajax和REST)

本文介绍如何使用Ajax请求在Spring Boot Web应用程序(REST结构)中上传文件. 本文中使用的工具: Spring Boot 1.4.3.RELEASE Spring 4.3.5.RELEASE Thymeleaf jQuery (webjars) Maven Embedded Tomcat 8.5.6 Google Chrome浏览器 1. 项目结构 一个标准的Maven项目结构.如下图所示 - 2. 项目依赖 声明一个额外的jQuery webjar依赖关系,适用于HTML格

springboot最全文件上传步骤,详细,ajax文件上传,formdata封装

话不多说上代码 jsp页面: <form id="updateForm" enctype="multipart/form-data"> <input type="hidden" name="uId"> <div class="form-group"> <label class="control-label">商品名称:</label&

文件上传submit、ajax方式

submit方式: 1 <form id="postForm" name="postForm" action="${rc.contextPath}/backdoor/uploadGroovy/upload" 2 enctype="multipart/form-data" method="post"> 3 <table style="font-size:14px;" cl

上一篇写的文件上传,这一篇写文件上传中回报的错误,以及解决办法

文件上传不了,有以下几种情况: 1).form表单后面的enctype="multipart/form-data"没有,导致无法以流的形式写入. 2).第一条有的话,当点击提交的时候,直接返回strut中的error返回结果,没有fileerror提示或者提示文件太大. 原因:是因为你上传的文件或者图片大小位于struts中拦截器配置中文件大小限制的值(总)(<constant name="struts.multipart.maxSize" value=&qu

带有file标签文件上传的 form ajax提交的方法:jQuery的ajaxSubmit()

这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下. ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="htt

使用ajax提交form表单,包括ajax文件上传 转http://www.cnblogs.com/zhuxiaojie/p/4783939.html

使用ajax提交form表单,包括ajax文件上传 前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username},

使用Anthem.NET 1.5中的FileUpload控件实现Ajax方式的文件上传

Anthem.NET刚刚发布了其最新的1.5版本,其中很不错的一个新功能就是对文件上传功能的Ajax实现.本文将简要介绍一下该功能的使用方法. Anthem.NET的下载与安装 Anthem.NET可以在此下载:http://sourceforge.net/project/showfiles.php?group_id=151897&package_id=168043&release_id=493609 下载之后解压缩至硬盘中的某一目录中,编译项目得到Anthem.dll.然后将其拷贝到We

【SpringMVC学习08】SpringMVC中实现文件上传

之前有写过一篇struts2实现的文件上传,这一篇博文主要来总结下springmvc实现文件上传的步骤.首先来看一下单个文件的上传,然后再来总结下多个文件上传. 1. 环境准备 springmvc上传文件的功能需要两个jar包的支持(点我下载),如下 2. 单个文件的上传 2.1 前台页面 简单的写一下前台页面,注意一点的是form表单中别忘了写enctype="multipart/form-data"属性: <tr> <td>商品图片</td> &