XHR2:js异步上传
2024-09-01 07:08:54
http://dev.opera.com/articles/xhr2/
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
var xhr = new XMLHttpRequest(); var onProgressHandler = function (event) { if (event.lengthComputable) { var howmuch = (event.loaded / event.total) * 100; document.querySelector( 'progress' ).value = Math.ceil(howmuch); } else { console.log( "Can't determine the size of the file." ); } } var onLoadHandler = function () { displayLoadedMessage(); } var onErrorHandler = function () { displayErrorMesssage(); } xhr.upload.addEventListener('progress ', onProgressHandler, false); xhr.upload.addEventListener(' load ', onLoadHandler, false); xhr.upload.addEventListener(' error ', onErrorHandler, false); var onReadyStateHandler = function(event) { if( event.target.readyState == 4 && event.target.status == 200){ } } xhr.open(' POST ',' /path_to_data'); xhr.onreadystatechange = onReadyStateHandler; xhr.send(dataToSend); |
最新文章
- How to Failover the ‘Cluster Group’
- Jenkins 搭建U3D自动发布 IOS
- 【性能测试】性能测试总结<;四>;
- poj 1328 Radar Installation(nyoj 287 Radar):贪心
- [访问系统] Api_Win32_Mac类工具包 (转载)
- 模拟linux下的ls -l命令
- 从Object和Function说说JS的原型链
- 在windows系统下安装linux虚拟机(VMware)
- JestClient 使用教程,教你完成大部分ElasticSearch的操作。
- this理解
- List of RGBD datasets
- Android_如何隐藏应用程序的图标
- 【转载】用纯粹的C++编写COM组件
- 笔记:《机器学习训练秘籍》——吴恩达deeplearningai微信公众号推送文章
- scala 学习笔记十 元组
- thymeleaf 学习笔记-基础篇(中文教程)
- HDU3530 Subsequence(单调队列)
- 08 Spring框架 AOP (一)
- openTSDB+HBase+ZK遇到的坑汇总
- 【Maven jar】打包单个或多个文件,有依赖jar包的将架包一起打包成一个jar包供别的项目引用