forked from fex-team/webuploader
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (141 loc) · 8.43 KB
/
index.html
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Web Uploader - Web Uploader
</title>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="/webuploader/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="/webuploader/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/webuploader/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="/webuploader/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/webuploader/css/syntax.css">
<link rel="stylesheet" type="text/css" href="/webuploader/css/style.css">
</head>
<body>
<div id="wrapper">
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="/webuploader/">
<span class="fa fa-cloud-upload"></span>WebUploader</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav"> <li><a href="/webuploader/getting-started.html">Getting started</a></li> <li><a href="/webuploader/document.html">Document</a></li> <li><a href="/webuploader/doc/">API</a></li> <li><a href="/webuploader/demo.html">Demo</a></li> <li><a href="/webuploader/download.html">Download</a></li>
<li><a target="_blank" href="https://github.com/fex-team/webuploader/issues?labels=faq&page=1&state=open">FAQ</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a target="_blank" href="https://github.com/fex-team/webuploader">Github</a></li>
</ul>
</div>
<!-- /.nav-collapse -->
</div>
<!-- /.container -->
</div>
<!-- /.navbar --> <div class="page-body"><!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Web Uploader</h1>
<p>WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。</p>
<p>采用大文件分片并发上传,极大的提高了文件上传效率。</p>
<p>
<a class="btn btn-primary btn-lg" href="/webuploader/getting-started.html" role="button">快速开始</a>
<a class="btn btn-success btn-lg" href="/webuploader/download.html" role="button"> 下载 </a>
</p>
<div class="github-btns">
<a class="travis" href="https://travis-ci.org/fex-team/webuploader"><img alt="" src="https://secure.travis-ci.org/fex-team/webuploader.png?branch=master" /></a>
<iframe src="http://ghbtns.com/github-btn.html?user=fex-team&repo=webuploader&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=fex-team&repo=webuploader&type=fork&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
</div>
</div>
</div>
<div class="fetature container">
<div class="row">
<div class="col-6 col-sm-6 col-lg-4">
<h2>分片、并发</h2>
<p>分片与并发结合,将一个大文件分割成多块,并发上传,极大地提高大文件的上传速度。</p>
<p>当网络问题导致传输错误时,只需要重传出错分片,而不是整个文件。另外分片传输能够更加实时的跟踪上传进度。</p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>预览、压缩</h2>
<p>支持常用图片格式jpg,jpeg,gif,bmp,png预览与压缩,节省网络数据传输。</p>
<p>解析jpeg中的meta信息,对于各种orientation做了正确的处理,同时压缩后上传保留图片的所有原始meta数据。</p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>多途径添加文件</h2>
<p>支持文件多选,类型过滤,拖拽(文件&文件夹),图片粘贴功能。</p>
<p>粘贴功能主要体现在当有图片数据在剪切板中时(截屏工具如QQ(Ctrl + ALT + A), 网页中右击图片点击复制),Ctrl + V便可添加此图片文件。</p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>HTML5 & FLASH</h2>
<p>兼容主流浏览器,接口一致,实现了两套运行时支持,用户无需关心内部用了什么内核。</p>
<p>同时Flash部分没有做任何UI相关的工作,方便不关心flash的用户扩展和自定义业务需求。</p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>MD5秒传</h2>
<p>当文件体积大、量比较多时,支持上传前做文件md5值验证,一致则可直接跳过。</p>
<p>如果服务端与前端统一修改算法,取段md5,可大大提升验证性能,耗时在20ms左右。</p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>易扩展、可拆分</h2>
<p>采用可拆分机制, 将各个功能独立成了小组件,可自由搭配。</p>
<p>采用AMD规范组织代码,清晰明了,方便高级玩家扩展。</p>
</div>
</div>
<!--/row-->
</div>
</div> <div id="footer" class="footer">
<div class="footer-inner container">
<div class="row">
<div class="col-md-4">
<p class="copyright">Webuploader由<a href="https://github.com/fex-team">fex-team</a>团队负责维护</p>
<p>©2013-2018 Baidu Fex Team</p>
</div>
<div class="col-md-4">
<!-- <p>友情链接</p> -->
<ul class="friends-links">
<li><a href="http://fis.baidu.com/" title="前端集成解决方案">Fis</a></li>
<li><a href="http://gmu.baidu.com" title="基于zepto的mobile UI组件库">GMU</a></li>
<li><a href="http://ueditor.baidu.com/website/" title="UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...">Ueditor</a></li>
</ul>
</div>
<div class="col-md-4">
<div class="weixin">
<img src="/webuploader/images/qrcode.jpg" alt="..." class="img-rounded weixin-img" />
<p>微信公共帐号</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
// 添加全局站点信息
var BASE_URL = '/webuploader';
</script>
<script type="text/javascript" src="/webuploader/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/webuploader/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/webuploader/js/global.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F67c4841095cbee8275705e1f6224a3c7' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>