Javascript上传图片详解.docVIP

Javascript上传图片详解 在XMLHttpRequest Level2出台之前，大多数的异步上传图片都是利用iframe去实现的。 至于具体的实现细节，我就不在这边啰嗦的，Google一下就有文章谈这个东西。 这次主要说说，怎么用新的API去实现图片上传。 ? 首先，少不了的自然是XMLHttpRequest Level2的一些新特性啦。 其中最为实在的就是FormData对象，直接把表单(form)的DOM对象转为FormData对象，然后向服务器发送。 还有就是Progress事件的支持，异步上传终于可以查看进度条啦！ 这里我就不废话了，因为大多数人应该都看过的?阮一峰?的?《XMLHttpRequest Level 2 使用指南》，直接贴代码吧。 1 var formData= new FormData(form), 2 xhr= new XMLHttpRequest(); 3 4 xhr.open(POST, url); 5 xhr.send(formData); 接口的部分也很简单，例如PHP，直接用$_POST、$_FILES就可以拿到相关的数据. 没错，就是这么简单。 而通过监听Progress时间，就可以判断当前数据上传/下载的进度。 1 xhr.upload.onprogress = function (e) { 2 consol