HTML5 FormData 对象的使用

@HTML5 FormData 对象的使用

HTML5 FormData 对象的使用

FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。

##你可以自己创建一个FormData对象，然后调用它的append()方法来添加字段，像这样

通过HTML表单创建FormData对象

想要构造一个包含Form表单数据的FormData对象，需要在创建FormData对象时指定表单的元素。

你还可以在创建一个包含Form表单数据的FormData对象之后和发送请求之前，附加额外的数据到FormData对象里，像这样：

上传进度条

XMLHttpRequest第二版还定义了一个progress事件，可以用来制作进度条。

拖放上传

最后，利用HTML5的拖放功能，实现拖放上传。
先在页面中放置一个容器，用来接收拖放的文件。

html
css

js

插入链接与图片

链接: link.

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。