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实现多文件同时上传】相关文章 2. HTML5-WebSocket实现对服务器CPU实时监控 6. Flickr推HTML5上传工具,上传文件最大可达50M 7. HTML5的TCP和UDP Web Socket API草案定稿 8. Nunchuck.js - 轻松实现多个设备的数据同步 10. Adobe为Web设计人员推出开源文本编辑器Brackets 本文来源:https://www.51html5.com/a683.html ﹝HTML5-WebSocket实现多文件同时上传﹞相关内容
「HTML5-WebSocket实现多文件同时上传」相关专题其它栏目也许您还喜欢 |