关于真正的Ajax方式上传文件

西狐.Net · 发表于 2013-1-4 03:04:11

关于真正的Ajax方式上传文件

<div class="postText"><div id="cnblogs_post_body">用到两个对象
第一个对象：FormData
第二个对象：XMLHttpRequest
目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象，但IE9尚未支持 FormData 对象，还在用IE6 ? 只能仰天长叹....
有了这两个对象，我们可以真正的实现Ajax方式上传文件。
示例代码：
<div class="cnblogs_code"><!DOCTYPE html><html><head> <title>Html5 Ajax 上传文件</title> <script type="text/javascript"> function UpladFile() { var fileObj = document.getElementById("file").files[0]; // 获取文件对象 var FileController = "../file/save"; // 接收上传文件的后台地址 // FormData 对象 var form = new FormData(); form.append("author", "hooyes"); // 可以增加表单数据 form.append("file", fileObj); // 文件对象 // XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); xhr.open("post", FileController, true); xhr.onload = function () { alert("上传完成!"); }; xhr.send(form); }</script></head><body><input type="file" id="file" name="myfile" /><input type="button" onclick="UpladFile()" value="上传" /></body></html>

		自动登录	找回密码
密码			立即注册