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

2019独角兽企业重金招聘Python工程师标准>>>

<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>

 

转载于:https://my.oschina.net/daoxiaozhang/blog/680411