Ajax实现文件上传___怎么设置multipart/form-data

http://tech.techweb.com.cn/thread-231571-1-1.html

?

?

?

------------------------------------------------------

先创建一个Iframe，然后form的target指向它。
HTML code

<form? ?action="upload.jsp"? ?enctype="multipart/form-data"? ?method="post"??target="ifm" >
</form>
<iframe id='ifm' name='ifm' style="display:none"/>

?

?

------------------------------------------------------

学习一下,以前只要用到上传图片一般都是用的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无法上传文件的。

?

?

------------------------------------------------------

关于ajax 上传图片 enctype="multipart/form-data"的问题

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上传?
<form action="http://server.com/cgi/handle"?
?????? enctype="multipart/form-data"?
?????? method="post">?
?? <input type="text" name="submit-name" value="chmod777"><br />?
?? What files are you sending? <input type="file" name="files"><br />?
</form>?

则有如下body:?
Content-Type: multipart/form-data; boundary=AaB03x?

?? --AaB03x?
?? Content-Disposition: form-data; name="submit-name"?

?? chmod777?
?? --AaB03x?
?? Content-Disposition: form-data; name="files"; filename="file1.txt"?
?? Content-Type: text/plain?

?? ... contents of file1.txt ...?
?? --AaB03x--?

那么如何解决图片问题呢？（ajax的httpxmlrequest无法上传文件的）

?

先创建一个Iframe，然后form的target指向它。?

<form? ?action="upload.jsp"? ?enctype="multipart/form-data"? ?method="post"??target="ifm" >?
</form>?
<iframe id='ifm' name='ifm' style="display:none"/>

后台处理完后可以输出：

<script type="text/javascript">alert("'+message+'")</script>;

这样便可完成判断上传是否成功的功能。

?

?

-----------------------------------------------------------others-------------------------------

整个iframe定时局部刷新? js定时器