-
Notifications
You must be signed in to change notification settings - Fork 166
/
popup.html
116 lines (113 loc) · 6.65 KB
/
popup.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>微博图床</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/sweet-alert.min.css">
<link rel="stylesheet" href="css/loaders.min.css">
<link rel="stylesheet" href="css/popup.css">
</head>
<body>
<div id="versionDIV" style="display:none;color:#767b93;background-color:rgba(210, 210, 210, 0.45);width:100%;padding:10px 10px 10px 0;text-align:right;">
已全局支持使用快捷键<kbd>Ctrl</kbd>(⌘) + <kbd>V</kbd>上传粘贴板中的图片
<svg id="closeSVG" style="position:relative;top:2px;left:2px;cursor:pointer;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2810" width="16" height="16"><path d="M512 85.333333C276.352 85.333333 85.333333 276.352 85.333333 512s191.018667 426.666667 426.666667 426.666667 426.666667-191.018667 426.666667-426.666667S747.648 85.333333 512 85.333333zM671.061333 662.848c-19.242667 19.221333-50.410667 19.221333-69.632 0l-81.216-81.216-81.216 81.216c-19.242667 19.221333-50.410667 19.221333-69.632 0-19.221333-19.242667-19.221333-50.410667 0-69.632L450.581333 512l-81.237333-81.216c-19.221333-19.242667-19.221333-50.410667 0-69.632 19.242667-19.221333 50.410667-19.221333 69.632 0l81.216 81.216 81.216-81.216c19.242667-19.221333 50.410667-19.242667 69.632 0 19.221333 19.242667 19.221333 50.410667 0 69.632L589.824 512l81.237333 81.216C690.282667 612.458667 690.304 643.626667 671.061333 662.848z" p-id="2811" fill="#d81e06"></path></svg>
</div>
<div class="loading-bar"></div>
<div class="loader-wrap text-center">
<div class="loader-inner line-scale">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="container main">
<div class="row">
<input id="input" type="file" class="uploadTrigger" style="display:none;" accept="image/jpeg, image/png" multiple>
<div class="col-xs-4 text-center">
<p style="color:#808080;line-height:18px;padding:6px 18px 0 4px;">单击或者拖拽图片到下面</p>
</div>
<div class="col-xs-8">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default btn-size" value="thumbnail">缩略图</button>
<button type="button" class="btn btn-default btn-size" value="mw690">中等尺寸</button>
<button type="button" class="btn btn-default btn-size active" value="large">原图</button>
</div>
<div class="btn-group" style="display:none" role="group">
<button type="button" class="btn btn-default btn-format active" value="1">A</button>
<button type="button" class="btn btn-default btn-format" value="2">H</button>
<button type="button" class="btn btn-default btn-format" value="3">U</button>
<button type="button" class="btn btn-default btn-format" value="4">M</button>
</div>
<div class="pull-right" style="display:none">
<button type="button" class="btn btn-default btn-batchcopy" disabled>一键复制所有地址</button>
</div>
</div>
<div class="col-xs-4 single-model">
<figure>
<img src="placeholder.png" id="uploadPlaceHolder" class="dragger clicker">
</figure>
<span class="file-info"> <span id="fileName"></span> / <span id="fileSize"></span> </span>
<br>
<div id="single-progress" class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
<span class="sr-only">20% Complete</span>
</div>
</div>
</div>
<div class="col-xs-8 single-model">
<div class="link-item">
<strong>图片链接<small class="muted"></small></strong>
<div class="input-append">
<input class="res col-xs-10" id="res_img" value="" spelcheck="false" />
<button type="button" class="btn btn-default btn-copy disabled">复制</button>
</div>
</div>
<div class="link-item">
<strong>HTML</strong>
<div class="input-append">
<input class="res col-xs-10" id="res_html" value="" spellcheck="false" readonly="true" />
<button type="button" class="btn btn-default btn-copy disabled">复制</button>
</div>
</div>
<div class="link-item">
<strong>UBB</strong>
<div class="input-append">
<input class="res col-xs-10" id="res_ubb" value="" spellcheck="false" readonly="true" />
<button type="button" class="btn btn-default btn-copy disabled">复制</button>
</div>
</div>
<div class="link-item">
<strong>Markdown</strong>
<div class="input-append">
<input class="res col-xs-10" id="res_md" value="" spellcheck="false" readonly="true" />
<button type="button" class="btn btn-default btn-copy disabled">复制</button>
</div>
</div>
</div>
<div class="col-xs-12 batch-model">
<div style="max-width:220px;">
<img src="placeholder2.png" class="dragger clicker">
</div>
</div>
</div>
<div class="navbar-fixed-bottom">
<div class="https col-xs-8">
<a id="optionPage" href="#" title="进行设置和查看历史">
设置/历史
</a>
<span id="statusBadge" class="badge"> </span>
<input id="https" type="checkbox"> <label id="https-label" for="https">HTTPS</label>
</div>
<div class="col-xs-4 btn-batch-wrap">
<button class="pull-right btn btn-default btn-batch" type="button">批量模式</button>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/sweet-alert.min.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
</body>
</html>