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

最新推荐文章于 2021-03-10 16:18:25 发布

weixin_34396902

最新推荐文章于 2021-03-10 16:18:25 发布

阅读量111

点赞数

CC 4.0 BY-SA版权

文章标签： json python

原文链接：https://my.oschina.net/daoxiaozhang/blog/680411

本文介绍了一个用于上传文件的HTML表单及JavaScript交互代码，该表单使用了POST方法并通过iframe来接收返回的JSON数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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