HTML5教程

当前位置: HTML5技术网 > HTML5教程 > HTML5-WebSocket实现多文件同时上传

HTML5-WebSocket实现多文件同时上传

       在传统的HTTP应用上传文件想要同时上传多个文件并查看上传进度是一件很麻烦的事情,当然现在也有一些基于SWF的文件上传组件提供这种的便利性.到了HTML5下对文件的读取和上传的控制方面就非常灵活,HTML5提供一系列的AIP进行文件读取,包括计取文件某一块的内容也非常方便,结合Websocket进行文件的传输就变得更加方便和灵活.下面通过使用HTML5结合websocet简单地实现多文件同时上传应用。

实现功能


大概预览一下需要做的功能:



主要功能是用户可以直接把文件夹的文件直接拖放到网页中,并进行上传,在上传的过程中显示上传进度信息.


FileInfo类封装


为了方便读取文件信息,在原有File的基础封装了一个简单文件信息读取的对象类.


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 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105

【HTML5-WebSocket实现多文件同时上传】相关文章

1. HTML5-WebSocket实现多文件同时上传

2. HTML5-WebSocket实现对服务器CPU实时监控

3. HTML5(WebSockets)的脆弱性?

4. 基于 WebSocket 构建跨浏览器的实时应用

5. Websocket 协议解析

6. Flickr推HTML5上传工具,上传文件最大可达50M

7. HTML5的TCP和UDP Web Socket API草案定稿

8. Nunchuck.js - 轻松实现多个设备的数据同步

9. 利用 HTML5 实现带有进度条的文件上传功能

10. Adobe为Web设计人员推出开源文本编辑器Brackets

本文来源:https://www.51html5.com/a683.html

点击展开全部

﹝HTML5-WebSocket实现多文件同时上传﹞相关内容

「HTML5-WebSocket实现多文件同时上传」相关专题