码迷,mamicode.com
首页 > Web开发 > 详细

AJAX文件上传

时间:2015-07-12 14:12:34      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

 1 var fileObj = document.getElementById(‘file‘).files[0];
 2     // js 获取文件对象
 3     var FileController = url;
 4     // 接收上传文件的后台地址
 5 
 6     // FormData 对象
 7     var form = new FormData();
 8     form.append("author", "test");
 9     // 可以增加表单数据
10     form.append("file", fileObj);
11     // 文件对象
12 
13     // XMLHttpRequest 对象
14     var xhr = new XMLHttpRequest();
15     xhr.open("post", FileController, true);
16     xhr.responseType = ‘text‘;
17     xhr.onload = function() {
18         if (this.status == 200) {
19             console.log(this.response);
20             var result = JSON.parse(this.response);
21             if (result.status) {
22                 $(‘#progressBar‘).hide();
23                 $(‘#percentage‘).hide();
24                 alert(‘DXF文件上传完成,系统即将重新加载!‘);
25                 sys.init();
26             } else {
27                 console.log(‘error:‘ + result.message)
28             }
29         }
30     };
31     xhr.upload.addEventListener("progress", progressFunction, false);
32     xhr.send(form);

 

AJAX文件上传

标签:

原文地址:http://www.cnblogs.com/lman/p/4640829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!