AJAX文件上传

 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);

 

posted @ 2015-07-12 13:13  刘满blog  阅读(164)  评论(0编辑  收藏  举报