card-mod-machines 0.11.3 → 0.11.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/file/all_script_machine_output/file.js +35963 -70
- data/file/all_style_machine_output/file.css +2 -2
- data/file/script_html5shiv_printshiv_machine_output/file.js +1 -1
- data/lib/card/machine.rb +2 -0
- data/set/abstract/machine.rb +2 -2
- data/set/abstract/machine/output_update.rb +7 -0
- data/set/abstract/machine_input.rb +1 -0
- metadata +33 -89
- data/vendor/jquery_file_upload/CONTRIBUTING.md +0 -15
- data/vendor/jquery_file_upload/LICENSE.txt +0 -21
- data/vendor/jquery_file_upload/README.md +0 -107
- data/vendor/jquery_file_upload/angularjs.html +0 -211
- data/vendor/jquery_file_upload/basic-plus.html +0 -226
- data/vendor/jquery_file_upload/basic.html +0 -136
- data/vendor/jquery_file_upload/bower-version-update.js +0 -16
- data/vendor/jquery_file_upload/bower.json +0 -64
- data/vendor/jquery_file_upload/cors/postmessage.html +0 -75
- data/vendor/jquery_file_upload/cors/result.html +0 -24
- data/vendor/jquery_file_upload/css/jquery-ui-demo-ie8.css +0 -21
- data/vendor/jquery_file_upload/css/jquery-ui-demo.css +0 -67
- data/vendor/jquery_file_upload/css/jquery.fileupload-noscript.css +0 -22
- data/vendor/jquery_file_upload/css/jquery.fileupload-ui-noscript.css +0 -17
- data/vendor/jquery_file_upload/css/jquery.fileupload-ui.css +0 -57
- data/vendor/jquery_file_upload/css/jquery.fileupload.css +0 -37
- data/vendor/jquery_file_upload/css/style.css +0 -15
- data/vendor/jquery_file_upload/img/loading.gif +0 -0
- data/vendor/jquery_file_upload/img/progressbar.gif +0 -0
- data/vendor/jquery_file_upload/index.html +0 -255
- data/vendor/jquery_file_upload/jquery-ui.html +0 -252
- data/vendor/jquery_file_upload/js/app.js +0 -101
- data/vendor/jquery_file_upload/js/cors/jquery.postmessage-transport.js +0 -126
- data/vendor/jquery_file_upload/js/cors/jquery.xdr-transport.js +0 -89
- data/vendor/jquery_file_upload/js/jquery.fileupload-angular.js +0 -437
- data/vendor/jquery_file_upload/js/jquery.fileupload-audio.js +0 -113
- data/vendor/jquery_file_upload/js/jquery.fileupload-image.js +0 -326
- data/vendor/jquery_file_upload/js/jquery.fileupload-jquery-ui.js +0 -161
- data/vendor/jquery_file_upload/js/jquery.fileupload-process.js +0 -178
- data/vendor/jquery_file_upload/js/jquery.fileupload-ui.js +0 -714
- data/vendor/jquery_file_upload/js/jquery.fileupload-validate.js +0 -125
- data/vendor/jquery_file_upload/js/jquery.fileupload-video.js +0 -113
- data/vendor/jquery_file_upload/js/jquery.fileupload.js +0 -1486
- data/vendor/jquery_file_upload/js/jquery.iframe-transport.js +0 -224
- data/vendor/jquery_file_upload/js/main.js +0 -75
- data/vendor/jquery_file_upload/js/vendor/jquery.ui.widget.js +0 -748
- data/vendor/jquery_file_upload/package.json +0 -55
- data/vendor/jquery_file_upload/server/gae-go/app.yaml +0 -12
- data/vendor/jquery_file_upload/server/gae-go/app/main.go +0 -361
- data/vendor/jquery_file_upload/server/gae-go/static/favicon.ico +0 -0
- data/vendor/jquery_file_upload/server/gae-go/static/robots.txt +0 -2
- data/vendor/jquery_file_upload/server/gae-python/app.yaml +0 -17
- data/vendor/jquery_file_upload/server/gae-python/main.py +0 -204
- data/vendor/jquery_file_upload/server/gae-python/static/favicon.ico +0 -0
- data/vendor/jquery_file_upload/server/gae-python/static/robots.txt +0 -2
- data/vendor/jquery_file_upload/server/php/Dockerfile +0 -38
- data/vendor/jquery_file_upload/server/php/UploadHandler.php +0 -1411
- data/vendor/jquery_file_upload/server/php/docker-compose.yml +0 -9
- data/vendor/jquery_file_upload/server/php/index.php +0 -15
- data/vendor/jquery_file_upload/test/index.html +0 -172
- data/vendor/jquery_file_upload/test/test.js +0 -1292
- data/vendor/jquery_rails/CHANGELOG.md +0 -359
- data/vendor/jquery_rails/CONTRIBUTING.md +0 -132
- data/vendor/jquery_rails/Gemfile +0 -22
- data/vendor/jquery_rails/MIT-LICENSE +0 -21
- data/vendor/jquery_rails/README.md +0 -75
- data/vendor/jquery_rails/Rakefile +0 -59
- data/vendor/jquery_rails/VERSIONS.md +0 -62
- data/vendor/jquery_rails/jquery-rails.gemspec +0 -26
- data/vendor/jquery_rails/lib/jquery-rails.rb +0 -1
- data/vendor/jquery_rails/lib/jquery/assert_select.rb +0 -149
- data/vendor/jquery_rails/lib/jquery/rails.rb +0 -8
- data/vendor/jquery_rails/lib/jquery/rails/engine.rb +0 -6
- data/vendor/jquery_rails/lib/jquery/rails/version.rb +0 -9
- data/vendor/jquery_rails/test/assert_select_jquery_test.rb +0 -85
- data/vendor/jquery_rails/test/test_helper.rb +0 -6
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery.js +0 -11008
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery.min.js +0 -5
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery.min.map +0 -1
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery2.js +0 -9814
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery2.min.js +0 -4
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery2.min.map +0 -1
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery3.js +0 -10364
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery3.min.js +0 -2
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery3.min.map +0 -1
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery_ujs.js +0 -555
@@ -1,211 +0,0 @@
|
|
1
|
-
<!DOCTYPE HTML>
|
2
|
-
<!--
|
3
|
-
/*
|
4
|
-
* jQuery File Upload Plugin AngularJS Demo
|
5
|
-
* https://github.com/blueimp/jQuery-File-Upload
|
6
|
-
*
|
7
|
-
* Copyright 2013, Sebastian Tschan
|
8
|
-
* https://blueimp.net
|
9
|
-
*
|
10
|
-
* Licensed under the MIT license:
|
11
|
-
* https://opensource.org/licenses/MIT
|
12
|
-
*/
|
13
|
-
-->
|
14
|
-
<html lang="en">
|
15
|
-
<head>
|
16
|
-
<!-- Force latest IE rendering engine or ChromeFrame if installed -->
|
17
|
-
<!--[if IE]>
|
18
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
19
|
-
<![endif]-->
|
20
|
-
<meta charset="utf-8">
|
21
|
-
<title>jQuery File Upload Demo - AngularJS version</title>
|
22
|
-
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for AngularJS. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.">
|
23
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
24
|
-
<!-- Bootstrap styles -->
|
25
|
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
26
|
-
<!-- Generic page styles -->
|
27
|
-
<link rel="stylesheet" href="css/style.css">
|
28
|
-
<!-- blueimp Gallery styles -->
|
29
|
-
<link rel="stylesheet" href="https://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
|
30
|
-
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
|
31
|
-
<link rel="stylesheet" href="css/jquery.fileupload.css">
|
32
|
-
<link rel="stylesheet" href="css/jquery.fileupload-ui.css">
|
33
|
-
<!-- CSS adjustments for browsers with JavaScript disabled -->
|
34
|
-
<noscript><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"></noscript>
|
35
|
-
<noscript><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"></noscript>
|
36
|
-
<style>
|
37
|
-
/* Hide Angular JS elements before initializing */
|
38
|
-
.ng-cloak {
|
39
|
-
display: none;
|
40
|
-
}
|
41
|
-
</style>
|
42
|
-
</head>
|
43
|
-
<body>
|
44
|
-
<div class="navbar navbar-default navbar-fixed-top">
|
45
|
-
<div class="container">
|
46
|
-
<div class="navbar-header">
|
47
|
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse">
|
48
|
-
<span class="icon-bar"></span>
|
49
|
-
<span class="icon-bar"></span>
|
50
|
-
<span class="icon-bar"></span>
|
51
|
-
</button>
|
52
|
-
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a>
|
53
|
-
</div>
|
54
|
-
<div class="navbar-collapse collapse">
|
55
|
-
<ul class="nav navbar-nav">
|
56
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload/tags">Download</a></li>
|
57
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload">Source Code</a></li>
|
58
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li>
|
59
|
-
<li><a href="https://blueimp.net">© Sebastian Tschan</a></li>
|
60
|
-
</ul>
|
61
|
-
</div>
|
62
|
-
</div>
|
63
|
-
</div>
|
64
|
-
<div class="container">
|
65
|
-
<h1>jQuery File Upload Demo</h1>
|
66
|
-
<h2 class="lead">AngularJS version</h2>
|
67
|
-
<ul class="nav nav-tabs">
|
68
|
-
<li><a href="basic.html">Basic</a></li>
|
69
|
-
<li><a href="basic-plus.html">Basic Plus</a></li>
|
70
|
-
<li><a href="index.html">Basic Plus UI</a></li>
|
71
|
-
<li class="active"><a href="angularjs.html">AngularJS</a></li>
|
72
|
-
<li><a href="jquery-ui.html">jQuery UI</a></li>
|
73
|
-
</ul>
|
74
|
-
<br>
|
75
|
-
<blockquote>
|
76
|
-
<p>File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for AngularJS.<br>
|
77
|
-
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<br>
|
78
|
-
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.</p>
|
79
|
-
</blockquote>
|
80
|
-
<br>
|
81
|
-
<!-- The file upload form used as target for the file upload widget -->
|
82
|
-
<form id="fileupload" action="https://jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data" data-ng-app="demo" data-ng-controller="DemoFileUploadController" data-file-upload="options" data-ng-class="{'fileupload-processing': processing() || loadingFiles}">
|
83
|
-
<!-- Redirect browsers with JavaScript disabled to the origin page -->
|
84
|
-
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript>
|
85
|
-
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
|
86
|
-
<div class="row fileupload-buttonbar">
|
87
|
-
<div class="col-lg-7">
|
88
|
-
<!-- The fileinput-button span is used to style the file input field as button -->
|
89
|
-
<span class="btn btn-success fileinput-button" ng-class="{disabled: disabled}">
|
90
|
-
<i class="glyphicon glyphicon-plus"></i>
|
91
|
-
<span>Add files...</span>
|
92
|
-
<input type="file" name="files[]" multiple ng-disabled="disabled">
|
93
|
-
</span>
|
94
|
-
<button type="button" class="btn btn-primary start" data-ng-click="submit()">
|
95
|
-
<i class="glyphicon glyphicon-upload"></i>
|
96
|
-
<span>Start upload</span>
|
97
|
-
</button>
|
98
|
-
<button type="button" class="btn btn-warning cancel" data-ng-click="cancel()">
|
99
|
-
<i class="glyphicon glyphicon-ban-circle"></i>
|
100
|
-
<span>Cancel upload</span>
|
101
|
-
</button>
|
102
|
-
<!-- The global file processing state -->
|
103
|
-
<span class="fileupload-process"></span>
|
104
|
-
</div>
|
105
|
-
<!-- The global progress state -->
|
106
|
-
<div class="col-lg-5 fade" data-ng-class="{in: active()}">
|
107
|
-
<!-- The global progress bar -->
|
108
|
-
<div class="progress progress-striped active" data-file-upload-progress="progress()"><div class="progress-bar progress-bar-success" data-ng-style="{width: num + '%'}"></div></div>
|
109
|
-
<!-- The extended global progress state -->
|
110
|
-
<div class="progress-extended"> </div>
|
111
|
-
</div>
|
112
|
-
</div>
|
113
|
-
<!-- The table listing the files available for upload/download -->
|
114
|
-
<table class="table table-striped files ng-cloak">
|
115
|
-
<tr data-ng-repeat="file in queue" data-ng-class="{'processing': file.$processing()}">
|
116
|
-
<td data-ng-switch data-on="!!file.thumbnailUrl">
|
117
|
-
<div class="preview" data-ng-switch-when="true">
|
118
|
-
<a data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}" data-gallery><img data-ng-src="{{file.thumbnailUrl}}" alt=""></a>
|
119
|
-
</div>
|
120
|
-
<div class="preview" data-ng-switch-default data-file-upload-preview="file"></div>
|
121
|
-
</td>
|
122
|
-
<td>
|
123
|
-
<p class="name" data-ng-switch data-on="!!file.url">
|
124
|
-
<span data-ng-switch-when="true" data-ng-switch data-on="!!file.thumbnailUrl">
|
125
|
-
<a data-ng-switch-when="true" data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}" data-gallery>{{file.name}}</a>
|
126
|
-
<a data-ng-switch-default data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}">{{file.name}}</a>
|
127
|
-
</span>
|
128
|
-
<span data-ng-switch-default>{{file.name}}</span>
|
129
|
-
</p>
|
130
|
-
<strong data-ng-show="file.error" class="error text-danger">{{file.error}}</strong>
|
131
|
-
</td>
|
132
|
-
<td>
|
133
|
-
<p class="size">{{file.size | formatFileSize}}</p>
|
134
|
-
<div class="progress progress-striped active fade" data-ng-class="{pending: 'in'}[file.$state()]" data-file-upload-progress="file.$progress()"><div class="progress-bar progress-bar-success" data-ng-style="{width: num + '%'}"></div></div>
|
135
|
-
</td>
|
136
|
-
<td>
|
137
|
-
<button type="button" class="btn btn-primary start" data-ng-click="file.$submit()" data-ng-hide="!file.$submit || options.autoUpload" data-ng-disabled="file.$state() == 'pending' || file.$state() == 'rejected'">
|
138
|
-
<i class="glyphicon glyphicon-upload"></i>
|
139
|
-
<span>Start</span>
|
140
|
-
</button>
|
141
|
-
<button type="button" class="btn btn-warning cancel" data-ng-click="file.$cancel()" data-ng-hide="!file.$cancel">
|
142
|
-
<i class="glyphicon glyphicon-ban-circle"></i>
|
143
|
-
<span>Cancel</span>
|
144
|
-
</button>
|
145
|
-
<button data-ng-controller="FileDestroyController" type="button" class="btn btn-danger destroy" data-ng-click="file.$destroy()" data-ng-hide="!file.$destroy">
|
146
|
-
<i class="glyphicon glyphicon-trash"></i>
|
147
|
-
<span>Delete</span>
|
148
|
-
</button>
|
149
|
-
</td>
|
150
|
-
</tr>
|
151
|
-
</table>
|
152
|
-
</form>
|
153
|
-
<br>
|
154
|
-
<div class="panel panel-default">
|
155
|
-
<div class="panel-heading">
|
156
|
-
<h3 class="panel-title">Demo Notes</h3>
|
157
|
-
</div>
|
158
|
-
<div class="panel-body">
|
159
|
-
<ul>
|
160
|
-
<li>The maximum file size for uploads in this demo is <strong>999 KB</strong> (default file size is unlimited).</li>
|
161
|
-
<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li>
|
162
|
-
<li>Uploaded files will be deleted automatically after <strong>5 minutes or less</strong> (demo files are stored in memory).</li>
|
163
|
-
<li>You can <strong>drag & drop</strong> files from your desktop on this webpage (see <a href="https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support">Browser support</a>).</li>
|
164
|
-
<li>Please refer to the <a href="https://github.com/blueimp/jQuery-File-Upload">project website</a> and <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">documentation</a> for more information.</li>
|
165
|
-
<li>Built with the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li>
|
166
|
-
</ul>
|
167
|
-
</div>
|
168
|
-
</div>
|
169
|
-
</div>
|
170
|
-
<!-- The blueimp Gallery widget -->
|
171
|
-
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">
|
172
|
-
<div class="slides"></div>
|
173
|
-
<h3 class="title"></h3>
|
174
|
-
<a class="prev">‹</a>
|
175
|
-
<a class="next">›</a>
|
176
|
-
<a class="close">×</a>
|
177
|
-
<a class="play-pause"></a>
|
178
|
-
<ol class="indicator"></ol>
|
179
|
-
</div>
|
180
|
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
181
|
-
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
|
182
|
-
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
|
183
|
-
<script src="js/vendor/jquery.ui.widget.js"></script>
|
184
|
-
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
|
185
|
-
<script src="https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
|
186
|
-
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
|
187
|
-
<script src="https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
|
188
|
-
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
|
189
|
-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
190
|
-
<!-- blueimp Gallery script -->
|
191
|
-
<script src="https://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
|
192
|
-
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
|
193
|
-
<script src="js/jquery.iframe-transport.js"></script>
|
194
|
-
<!-- The basic File Upload plugin -->
|
195
|
-
<script src="js/jquery.fileupload.js"></script>
|
196
|
-
<!-- The File Upload processing plugin -->
|
197
|
-
<script src="js/jquery.fileupload-process.js"></script>
|
198
|
-
<!-- The File Upload image preview & resize plugin -->
|
199
|
-
<script src="js/jquery.fileupload-image.js"></script>
|
200
|
-
<!-- The File Upload audio preview plugin -->
|
201
|
-
<script src="js/jquery.fileupload-audio.js"></script>
|
202
|
-
<!-- The File Upload video preview plugin -->
|
203
|
-
<script src="js/jquery.fileupload-video.js"></script>
|
204
|
-
<!-- The File Upload validation plugin -->
|
205
|
-
<script src="js/jquery.fileupload-validate.js"></script>
|
206
|
-
<!-- The File Upload Angular JS module -->
|
207
|
-
<script src="js/jquery.fileupload-angular.js"></script>
|
208
|
-
<!-- The main application script -->
|
209
|
-
<script src="js/app.js"></script>
|
210
|
-
</body>
|
211
|
-
</html>
|
@@ -1,226 +0,0 @@
|
|
1
|
-
<!DOCTYPE HTML>
|
2
|
-
<!--
|
3
|
-
/*
|
4
|
-
* jQuery File Upload Plugin Basic Plus Demo
|
5
|
-
* https://github.com/blueimp/jQuery-File-Upload
|
6
|
-
*
|
7
|
-
* Copyright 2013, Sebastian Tschan
|
8
|
-
* https://blueimp.net
|
9
|
-
*
|
10
|
-
* Licensed under the MIT license:
|
11
|
-
* https://opensource.org/licenses/MIT
|
12
|
-
*/
|
13
|
-
-->
|
14
|
-
<html lang="en">
|
15
|
-
<head>
|
16
|
-
<!-- Force latest IE rendering engine or ChromeFrame if installed -->
|
17
|
-
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
|
18
|
-
<meta charset="utf-8">
|
19
|
-
<title>jQuery File Upload Demo - Basic Plus version</title>
|
20
|
-
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.">
|
21
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
22
|
-
<!-- Bootstrap styles -->
|
23
|
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
24
|
-
<!-- Generic page styles -->
|
25
|
-
<link rel="stylesheet" href="css/style.css">
|
26
|
-
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
|
27
|
-
<link rel="stylesheet" href="css/jquery.fileupload.css">
|
28
|
-
</head>
|
29
|
-
<body>
|
30
|
-
<div class="navbar navbar-default navbar-fixed-top">
|
31
|
-
<div class="container">
|
32
|
-
<div class="navbar-header">
|
33
|
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse">
|
34
|
-
<span class="icon-bar"></span>
|
35
|
-
<span class="icon-bar"></span>
|
36
|
-
<span class="icon-bar"></span>
|
37
|
-
</button>
|
38
|
-
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a>
|
39
|
-
</div>
|
40
|
-
<div class="navbar-collapse collapse">
|
41
|
-
<ul class="nav navbar-nav">
|
42
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload/tags">Download</a></li>
|
43
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload">Source Code</a></li>
|
44
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li>
|
45
|
-
<li><a href="https://blueimp.net">© Sebastian Tschan</a></li>
|
46
|
-
</ul>
|
47
|
-
</div>
|
48
|
-
</div>
|
49
|
-
</div>
|
50
|
-
<div class="container">
|
51
|
-
<h1>jQuery File Upload Demo</h1>
|
52
|
-
<h2 class="lead">Basic Plus version</h2>
|
53
|
-
<ul class="nav nav-tabs">
|
54
|
-
<li><a href="basic.html">Basic</a></li>
|
55
|
-
<li class="active"><a href="basic-plus.html">Basic Plus</a></li>
|
56
|
-
<li><a href="index.html">Basic Plus UI</a></li>
|
57
|
-
<li><a href="angularjs.html">AngularJS</a></li>
|
58
|
-
<li><a href="jquery-ui.html">jQuery UI</a></li>
|
59
|
-
</ul>
|
60
|
-
<br>
|
61
|
-
<blockquote>
|
62
|
-
<p>File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery.<br>
|
63
|
-
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<br>
|
64
|
-
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.</p>
|
65
|
-
</blockquote>
|
66
|
-
<br>
|
67
|
-
<!-- The fileinput-button span is used to style the file input field as button -->
|
68
|
-
<span class="btn btn-success fileinput-button">
|
69
|
-
<i class="glyphicon glyphicon-plus"></i>
|
70
|
-
<span>Add files...</span>
|
71
|
-
<!-- The file input field used as target for the file upload widget -->
|
72
|
-
<input id="fileupload" type="file" name="files[]" multiple>
|
73
|
-
</span>
|
74
|
-
<br>
|
75
|
-
<br>
|
76
|
-
<!-- The global progress bar -->
|
77
|
-
<div id="progress" class="progress">
|
78
|
-
<div class="progress-bar progress-bar-success"></div>
|
79
|
-
</div>
|
80
|
-
<!-- The container for the uploaded files -->
|
81
|
-
<div id="files" class="files"></div>
|
82
|
-
<br>
|
83
|
-
<div class="panel panel-default">
|
84
|
-
<div class="panel-heading">
|
85
|
-
<h3 class="panel-title">Demo Notes</h3>
|
86
|
-
</div>
|
87
|
-
<div class="panel-body">
|
88
|
-
<ul>
|
89
|
-
<li>The maximum file size for uploads in this demo is <strong>999 KB</strong> (default file size is unlimited).</li>
|
90
|
-
<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li>
|
91
|
-
<li>Uploaded files will be deleted automatically after <strong>5 minutes or less</strong> (demo files are stored in memory).</li>
|
92
|
-
<li>You can <strong>drag & drop</strong> files from your desktop on this webpage (see <a href="https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support">Browser support</a>).</li>
|
93
|
-
<li>Please refer to the <a href="https://github.com/blueimp/jQuery-File-Upload">project website</a> and <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">documentation</a> for more information.</li>
|
94
|
-
<li>Built with the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li>
|
95
|
-
</ul>
|
96
|
-
</div>
|
97
|
-
</div>
|
98
|
-
</div>
|
99
|
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
100
|
-
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
|
101
|
-
<script src="js/vendor/jquery.ui.widget.js"></script>
|
102
|
-
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
|
103
|
-
<script src="https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
|
104
|
-
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
|
105
|
-
<script src="https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
|
106
|
-
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
|
107
|
-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
108
|
-
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
|
109
|
-
<script src="js/jquery.iframe-transport.js"></script>
|
110
|
-
<!-- The basic File Upload plugin -->
|
111
|
-
<script src="js/jquery.fileupload.js"></script>
|
112
|
-
<!-- The File Upload processing plugin -->
|
113
|
-
<script src="js/jquery.fileupload-process.js"></script>
|
114
|
-
<!-- The File Upload image preview & resize plugin -->
|
115
|
-
<script src="js/jquery.fileupload-image.js"></script>
|
116
|
-
<!-- The File Upload audio preview plugin -->
|
117
|
-
<script src="js/jquery.fileupload-audio.js"></script>
|
118
|
-
<!-- The File Upload video preview plugin -->
|
119
|
-
<script src="js/jquery.fileupload-video.js"></script>
|
120
|
-
<!-- The File Upload validation plugin -->
|
121
|
-
<script src="js/jquery.fileupload-validate.js"></script>
|
122
|
-
<script>
|
123
|
-
/*jslint unparam: true, regexp: true */
|
124
|
-
/*global window, $ */
|
125
|
-
$(function () {
|
126
|
-
'use strict';
|
127
|
-
// Change this to the location of your server-side upload handler:
|
128
|
-
var url = window.location.hostname === 'blueimp.github.io' ?
|
129
|
-
'//jquery-file-upload.appspot.com/' : 'server/php/',
|
130
|
-
uploadButton = $('<button/>')
|
131
|
-
.addClass('btn btn-primary')
|
132
|
-
.prop('disabled', true)
|
133
|
-
.text('Processing...')
|
134
|
-
.on('click', function () {
|
135
|
-
var $this = $(this),
|
136
|
-
data = $this.data();
|
137
|
-
$this
|
138
|
-
.off('click')
|
139
|
-
.text('Abort')
|
140
|
-
.on('click', function () {
|
141
|
-
$this.remove();
|
142
|
-
data.abort();
|
143
|
-
});
|
144
|
-
data.submit().always(function () {
|
145
|
-
$this.remove();
|
146
|
-
});
|
147
|
-
});
|
148
|
-
$('#fileupload').fileupload({
|
149
|
-
url: url,
|
150
|
-
dataType: 'json',
|
151
|
-
autoUpload: false,
|
152
|
-
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
|
153
|
-
maxFileSize: 999000,
|
154
|
-
// Enable image resizing, except for Android and Opera,
|
155
|
-
// which actually support image resizing, but fail to
|
156
|
-
// send Blob objects via XHR requests:
|
157
|
-
disableImageResize: /Android(?!.*Chrome)|Opera/
|
158
|
-
.test(window.navigator.userAgent),
|
159
|
-
previewMaxWidth: 100,
|
160
|
-
previewMaxHeight: 100,
|
161
|
-
previewCrop: true
|
162
|
-
}).on('fileuploadadd', function (e, data) {
|
163
|
-
data.context = $('<div/>').appendTo('#files');
|
164
|
-
$.each(data.files, function (index, file) {
|
165
|
-
var node = $('<p/>')
|
166
|
-
.append($('<span/>').text(file.name));
|
167
|
-
if (!index) {
|
168
|
-
node
|
169
|
-
.append('<br>')
|
170
|
-
.append(uploadButton.clone(true).data(data));
|
171
|
-
}
|
172
|
-
node.appendTo(data.context);
|
173
|
-
});
|
174
|
-
}).on('fileuploadprocessalways', function (e, data) {
|
175
|
-
var index = data.index,
|
176
|
-
file = data.files[index],
|
177
|
-
node = $(data.context.children()[index]);
|
178
|
-
if (file.preview) {
|
179
|
-
node
|
180
|
-
.prepend('<br>')
|
181
|
-
.prepend(file.preview);
|
182
|
-
}
|
183
|
-
if (file.error) {
|
184
|
-
node
|
185
|
-
.append('<br>')
|
186
|
-
.append($('<span class="text-danger"/>').text(file.error));
|
187
|
-
}
|
188
|
-
if (index + 1 === data.files.length) {
|
189
|
-
data.context.find('button')
|
190
|
-
.text('Upload')
|
191
|
-
.prop('disabled', !!data.files.error);
|
192
|
-
}
|
193
|
-
}).on('fileuploadprogressall', function (e, data) {
|
194
|
-
var progress = parseInt(data.loaded / data.total * 100, 10);
|
195
|
-
$('#progress .progress-bar').css(
|
196
|
-
'width',
|
197
|
-
progress + '%'
|
198
|
-
);
|
199
|
-
}).on('fileuploaddone', function (e, data) {
|
200
|
-
$.each(data.result.files, function (index, file) {
|
201
|
-
if (file.url) {
|
202
|
-
var link = $('<a>')
|
203
|
-
.attr('target', '_blank')
|
204
|
-
.prop('href', file.url);
|
205
|
-
$(data.context.children()[index])
|
206
|
-
.wrap(link);
|
207
|
-
} else if (file.error) {
|
208
|
-
var error = $('<span class="text-danger"/>').text(file.error);
|
209
|
-
$(data.context.children()[index])
|
210
|
-
.append('<br>')
|
211
|
-
.append(error);
|
212
|
-
}
|
213
|
-
});
|
214
|
-
}).on('fileuploadfail', function (e, data) {
|
215
|
-
$.each(data.files, function (index) {
|
216
|
-
var error = $('<span class="text-danger"/>').text('File upload failed.');
|
217
|
-
$(data.context.children()[index])
|
218
|
-
.append('<br>')
|
219
|
-
.append(error);
|
220
|
-
});
|
221
|
-
}).prop('disabled', !$.support.fileInput)
|
222
|
-
.parent().addClass($.support.fileInput ? undefined : 'disabled');
|
223
|
-
});
|
224
|
-
</script>
|
225
|
-
</body>
|
226
|
-
</html>
|
@@ -1,136 +0,0 @@
|
|
1
|
-
<!DOCTYPE HTML>
|
2
|
-
<!--
|
3
|
-
/*
|
4
|
-
* jQuery File Upload Plugin Basic Demo
|
5
|
-
* https://github.com/blueimp/jQuery-File-Upload
|
6
|
-
*
|
7
|
-
* Copyright 2013, Sebastian Tschan
|
8
|
-
* https://blueimp.net
|
9
|
-
*
|
10
|
-
* Licensed under the MIT license:
|
11
|
-
* https://opensource.org/licenses/MIT
|
12
|
-
*/
|
13
|
-
-->
|
14
|
-
<html lang="en">
|
15
|
-
<head>
|
16
|
-
<!-- Force latest IE rendering engine or ChromeFrame if installed -->
|
17
|
-
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
|
18
|
-
<meta charset="utf-8">
|
19
|
-
<title>jQuery File Upload Demo - Basic version</title>
|
20
|
-
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.">
|
21
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
22
|
-
<!-- Bootstrap styles -->
|
23
|
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
24
|
-
<!-- Generic page styles -->
|
25
|
-
<link rel="stylesheet" href="css/style.css">
|
26
|
-
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
|
27
|
-
<link rel="stylesheet" href="css/jquery.fileupload.css">
|
28
|
-
</head>
|
29
|
-
<body>
|
30
|
-
<div class="navbar navbar-default navbar-fixed-top">
|
31
|
-
<div class="container">
|
32
|
-
<div class="navbar-header">
|
33
|
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse">
|
34
|
-
<span class="icon-bar"></span>
|
35
|
-
<span class="icon-bar"></span>
|
36
|
-
<span class="icon-bar"></span>
|
37
|
-
</button>
|
38
|
-
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a>
|
39
|
-
</div>
|
40
|
-
<div class="navbar-collapse collapse">
|
41
|
-
<ul class="nav navbar-nav">
|
42
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload/tags">Download</a></li>
|
43
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload">Source Code</a></li>
|
44
|
-
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li>
|
45
|
-
<li><a href="https://blueimp.net">© Sebastian Tschan</a></li>
|
46
|
-
</ul>
|
47
|
-
</div>
|
48
|
-
</div>
|
49
|
-
</div>
|
50
|
-
<div class="container">
|
51
|
-
<h1>jQuery File Upload Demo</h1>
|
52
|
-
<h2 class="lead">Basic version</h2>
|
53
|
-
<ul class="nav nav-tabs">
|
54
|
-
<li class="active"><a href="basic.html">Basic</a></li>
|
55
|
-
<li><a href="basic-plus.html">Basic Plus</a></li>
|
56
|
-
<li><a href="index.html">Basic Plus UI</a></li>
|
57
|
-
<li><a href="angularjs.html">AngularJS</a></li>
|
58
|
-
<li><a href="jquery-ui.html">jQuery UI</a></li>
|
59
|
-
</ul>
|
60
|
-
<br>
|
61
|
-
<blockquote>
|
62
|
-
<p>File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery.<br>
|
63
|
-
Supports cross-domain, chunked and resumable file uploads.<br>
|
64
|
-
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.</p>
|
65
|
-
</blockquote>
|
66
|
-
<br>
|
67
|
-
<!-- The fileinput-button span is used to style the file input field as button -->
|
68
|
-
<span class="btn btn-success fileinput-button">
|
69
|
-
<i class="glyphicon glyphicon-plus"></i>
|
70
|
-
<span>Select files...</span>
|
71
|
-
<!-- The file input field used as target for the file upload widget -->
|
72
|
-
<input id="fileupload" type="file" name="files[]" multiple>
|
73
|
-
</span>
|
74
|
-
<br>
|
75
|
-
<br>
|
76
|
-
<!-- The global progress bar -->
|
77
|
-
<div id="progress" class="progress">
|
78
|
-
<div class="progress-bar progress-bar-success"></div>
|
79
|
-
</div>
|
80
|
-
<!-- The container for the uploaded files -->
|
81
|
-
<div id="files" class="files"></div>
|
82
|
-
<br>
|
83
|
-
<div class="panel panel-default">
|
84
|
-
<div class="panel-heading">
|
85
|
-
<h3 class="panel-title">Demo Notes</h3>
|
86
|
-
</div>
|
87
|
-
<div class="panel-body">
|
88
|
-
<ul>
|
89
|
-
<li>The maximum file size for uploads in this demo is <strong>999 KB</strong> (default file size is unlimited).</li>
|
90
|
-
<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li>
|
91
|
-
<li>Uploaded files will be deleted automatically after <strong>5 minutes or less</strong> (demo files are stored in memory).</li>
|
92
|
-
<li>You can <strong>drag & drop</strong> files from your desktop on this webpage (see <a href="https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support">Browser support</a>).</li>
|
93
|
-
<li>Please refer to the <a href="https://github.com/blueimp/jQuery-File-Upload">project website</a> and <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">documentation</a> for more information.</li>
|
94
|
-
<li>Built with the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li>
|
95
|
-
</ul>
|
96
|
-
</div>
|
97
|
-
</div>
|
98
|
-
</div>
|
99
|
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
100
|
-
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
|
101
|
-
<script src="js/vendor/jquery.ui.widget.js"></script>
|
102
|
-
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
|
103
|
-
<script src="js/jquery.iframe-transport.js"></script>
|
104
|
-
<!-- The basic File Upload plugin -->
|
105
|
-
<script src="js/jquery.fileupload.js"></script>
|
106
|
-
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
|
107
|
-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
108
|
-
<script>
|
109
|
-
/*jslint unparam: true */
|
110
|
-
/*global window, $ */
|
111
|
-
$(function () {
|
112
|
-
'use strict';
|
113
|
-
// Change this to the location of your server-side upload handler:
|
114
|
-
var url = window.location.hostname === 'blueimp.github.io' ?
|
115
|
-
'//jquery-file-upload.appspot.com/' : 'server/php/';
|
116
|
-
$('#fileupload').fileupload({
|
117
|
-
url: url,
|
118
|
-
dataType: 'json',
|
119
|
-
done: function (e, data) {
|
120
|
-
$.each(data.result.files, function (index, file) {
|
121
|
-
$('<p/>').text(file.name).appendTo('#files');
|
122
|
-
});
|
123
|
-
},
|
124
|
-
progressall: function (e, data) {
|
125
|
-
var progress = parseInt(data.loaded / data.total * 100, 10);
|
126
|
-
$('#progress .progress-bar').css(
|
127
|
-
'width',
|
128
|
-
progress + '%'
|
129
|
-
);
|
130
|
-
}
|
131
|
-
}).prop('disabled', !$.support.fileInput)
|
132
|
-
.parent().addClass($.support.fileInput ? undefined : 'disabled');
|
133
|
-
});
|
134
|
-
</script>
|
135
|
-
</body>
|
136
|
-
</html>
|