JS中使用FormData上传文件、图片的方法

前端之家收集整理的这篇文章主要介绍了JS中使用FormData上传文件、图片的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

关于FormData

XMLHttpRequest Level 2添加了一个新的接口 ---- FormData

利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XMLHttpRequest的 send( ) 方法来异步提交表单与普通的ajax相比,使用FormData的最大优点就是可以异步上传二进制文件

FormData对象

FormData对象,可以把所有表单元素的name与value组成一个queryString,提交到后台。 在使用ajax提交时,使用FormData对象可以减少拼接queryString的工作量

queryString是查询字符串,http查询字符串由url中?后面的值指定

页面上的form以GET方式向页面发送请求数据时 (如数据含有不安全字符,则浏览器先将其转换成16进制的字符再传送,如空格被转换成%20时 ),web server 将请求数据放入一名为QUERY_STRING的环境变量中。 Request.QueryString 方法是从这一环境变量中取出相应的值,并将被转成16进制的字符还原 使用FormData上传文件图片

创建一个FormData空对象,然后使用append方法添加key/value

如果已经有一个Form表单,取得form对象,作为参数传入FormData对象

<Meta charset="utf-8"/>

猜你在找的JavaScript相关文章