文档章节

Form+IFrame实现无刷新上传文件

白衣凡尘
 白衣凡尘
发布于 2016/05/24 13:25
字数 80
阅读 10
收藏 0
<form id="uploadImageForm" action="{url}" method="post" target="upload-iframe" enctype="multipart/form-data" encoding="multipart/form-data">
			<input id="inputFile" name="fileField" type="file"/>
		</form>
		<iframe id="uploadIframe" name="upload-iframe" border="0" width="0" height="0" style="width: 0;height: 0; display: none;"></iframe>
		<script type="text/javascript">
			
			$('#uploadIframe').on('load',function(){
				//获取返回的JSON数据
				var data=JSON.parse(this.contentDocument.body.innerText);

			})
			$('#inputFile').on('change',function(){
				$('#uploadImageForm').submit();
			})

		</script>

 

© 著作权归作者所有

白衣凡尘
粉丝 7
博文 26
码字总数 4216
作品 2
浦东
前端工程师
私信 提问
两种文件上传的实现-Ajax上传和form+iframe

前言 话说现在很多很多项目需要用到文件上传,自从有了HTML5之后,上传就变的超级简单了。HTML5支持多图片上传,而且支持ajax上传!而且支持上传之前图片的预览!而且支持图片拖拽上传!而且...

musishui
2016/08/25
59
0
信息列表+上传文件

根据标题类型进行筛选 url设计: 前端页面设计: 后台设计:

a2011480169
2017/10/06
0
0
ajax iframe无刷新上传文件

首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了...

别人说我名字很长
2014/03/22
461
0
javascript实现图片伪异步上传

实现逻辑 首先要知道, ajax无法发送带有文件的post请求所以,所以还是要用同步的方式,但是刷新的时候,我们不要在原来的页面刷新,去一个隐藏的iframe里面刷新,form表单中action正常填写处...

rand
2018/08/27
0
0
写给新手前端的各种文件上传攻略,从小图片到大文件断点续传

写在前面 今年国庆假期终于可以憋在家里了不用出门了,不用出去看后脑了,真的是一种享受。这么好的光阴怎么浪费,睡觉、吃饭、打豆豆这怎么可能(耍多了也烦),完全不符合我们程序员的作风...

zz_jesse
10/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

32位与64位Linux系统下各类型长度对比

64 位的优点:64 位的应用程序可以直接访问 4EB 的内存和文件大小最大达到4 EB(2 的 63 次幂);可以访问大型数据库。本文介绍的是64位下C语言开发程序注意事项。 1. 32 位和 64 位C数据类型...

mskk
22分钟前
6
0
Vue 实现点击空白处隐藏某节点(三种方式:指令、普通、遮罩)

在项目中往往会有这样的需求: 弹出框(或Popover)在 show 后,点击空白处可以将其 hide。 针对此需求,整理了三种实现方式,大家按实际情况选择。 当然,我们做项目肯定会用到 UI 框架,常...

张兴华ZHero
29分钟前
7
0
SpringBoot激活profiles你知道几种方式?

多环境是最常见的配置隔离方式之一,可以根据不同的运行环境提供不同的配置信息来应对不同的业务场景,在SpringBoot内支持了多种配置隔离的方式,可以激活单个或者多个配置文件。 激活Profi...

恒宇少年
30分钟前
7
0
PDF修改文字的方法有哪些?怎么修改PDF文件中的文字

PDF修改文字一直以来都是一个难以解决的问题,很多的办公族在办公的时候会有修改PDF文件中的文字的需要,可是PDF文件一般是不能进行编辑和修改的,难道就没有什么办法解决这个问题了嘛?不要...

趣味办公社
33分钟前
5
0
企业组织中采用服务网格的挑战

作者:Christian Posta 译者:罗广明 原文:https://blog.christianposta.com/challenges-of-adopting-service-mesh-in-enterprise-organizations/ 编者按 本文作者介绍了企业组织采用服务网...

jimmysong
43分钟前
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部