http://tech.techweb.com.cn/thread-231571-1-1.html
------------------------------------------------------------------------------------------------------------------------------
先创建一个Iframe,然后form的target指向它。
HTML code
------------------------------------------------------------------------------------------------------------------------------
学习一下,以前只要用到上传图片一般都是用的Iframe来实现那种"无刷新",ajax还没有试过呢,当时想过,但一想到ajax传参数只能通过URL传就头疼,担心URL传递的参数有限,表单里的值还要通过组合成URL传,.......
------------------------------------------------------------------------------------------------------------------------------
表单中enctype="multipart/form-data"的意思,是设置表单的MIME编码。默认情况,这个编码格式是application /x-www-form-urlencoded,不能用于文件上传;只有使用了multipart/form- data,才能完整的传递文件数据,进行 下面的操作.
enctype=\"multipart/form-data\"是上传二进制数据; form里面的input的值以2进制的方式传过去。
------------------------------------------------------------------------------------------------------------------------------
httpxmlrequest无法上传文件的。
------------------------------------------------------------------------------------------------------------------------------
http://blog.csdn.net/hytfly/archive/2011/03/22/6267229.aspx
首先解释下form的enctype属性的问题:
该属性为提交表单浏览器对数据的编码方式,常用有两种:application/x-www-form-urlencoded和multipart/form-data,默认为application/x-www-form-urlencoded。
当 action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1& amp;name2=value2...),然后把这个字串append到url后面,用?分割,加载这个新的url。
当action为post时候,浏览器把form数据封装到http body中,然后发送到server。
如果没有type=file的控件,用默认的application/x-www-form-urlencoded就可以了。
但 是如果有type=file的话,就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割,并为每个部分加上 Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件 name)等信息,并加上分割符(boundary)。
如果有以下form,并选择了file1.txt上传
那么如何解决图片问题呢?(ajax的httpxmlrequest无法上传文件的)
先创建一个Iframe,然后form的target指向它。 |
后台处理完后可以输出:
;
这样便可完成判断上传是否成功的功能。
-----------------------------------------------------------------------------------------------others-------------------------------
整个iframe定时局部刷新 js定时器