理解无ajax无刷新上传图片 类似ajax提交表单

想了好几天,jquery的fileupload怎么实现的…ajax与后台通信都是通过字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,怎么实现了ajax上传图片呢,真想看看源码…能力有限看不太懂。

本文实现的文件上传也是无页面刷新的,可以说是一种”类似AJAX”方法。开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。

上代码,超级简单只是想不到而已

<html>
<body>

<form action=”upload.jsp” id=”form1″ name=”form1″ encType=”multipart/form-data”   method=”post” target=”hidden_frame” >  
<input type=”file” id=”file” name=”file” style=”width:450″>
<INPUT type=”submit” value=”上传文件”>
<br>
<font color=”red”>支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传</font>
<iframe name=’hidden_frame’ id=”hidden_frame” ></iframe>
</form>

</body>
</html>

其实原理很简单,form的 target属性指向iframe,妈 的提交表单时from去刷新iframa了,跟页面蛋关系也没有,所页面无刷新,其实是iframe刷新了,真是没想到还搞半天jquery,真是费劲,这样直接提交表单上传相信大家都能实现了吧。
文:沉默菋噵
如若复制、转载请注明原文地址:
http://mtoou.info/ajax-tupian/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>