card-mod-script 0.13.3 → 0.14.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/script/decko/components.js.coffee +3 -0
- data/assets/script/decko/decko.js.coffee +0 -15
- data/assets/script/decko/editor.js.coffee +3 -1
- data/assets/script/decko/filter.js.coffee +13 -6
- data/assets/script/decko/mod.js.coffee +2 -8
- data/assets/script/{script_pointer_config.js.coffee → decko/pointer_config.js.coffee} +1 -2
- data/assets/script/{script_pointer_list_editor.js.coffee → decko/pointer_list_editor.js.coffee} +0 -0
- data/assets/script/decko/slot.js.coffee +2 -2
- data/assets/script/decko/slot_ready.js.coffee +1 -0
- data/assets/script/decko/slotter.js.coffee +23 -31
- data/assets/script/decko/type_editor.js.coffee +21 -0
- data/assets/script/decko/upload.js.coffee +12 -5
- data/assets/script/manifest.yml +15 -2
- data/set/abstract/00_script.rb +30 -31
- data/set/abstract/01_asset_script.rb +0 -16
- data/set/abstract/{script_asset_list.rb → script_group.rb} +12 -13
- data/set/all/head_javascript.rb +4 -5
- data/set/right/script.rb +1 -14
- data/set/type/local_script_folder_group.rb +2 -2
- data/set/type/local_script_manifest_group.rb +1 -1
- data/set/type_plus_right/mod/script.rb +56 -0
- data/set/type_plus_right/set/script.rb +7 -0
- data/vendor/jquery_file_upload/LICENSE.txt +11 -12
- data/vendor/jquery_file_upload/README.md +189 -72
- data/vendor/jquery_file_upload/SECURITY.md +227 -0
- data/vendor/jquery_file_upload/VULNERABILITIES.md +118 -0
- data/vendor/jquery_file_upload/cors/postmessage.html +68 -58
- data/vendor/jquery_file_upload/cors/result.html +12 -10
- data/vendor/jquery_file_upload/css/jquery.fileupload-ui.css +24 -13
- data/vendor/jquery_file_upload/css/jquery.fileupload.css +3 -4
- data/vendor/jquery_file_upload/docker-compose.yml +55 -0
- data/vendor/jquery_file_upload/index.html +332 -230
- data/vendor/jquery_file_upload/js/cors/jquery.postmessage-transport.js +109 -109
- data/vendor/jquery_file_upload/js/cors/jquery.xdr-transport.js +81 -73
- data/vendor/jquery_file_upload/js/demo.js +75 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-audio.js +82 -94
- data/vendor/jquery_file_upload/js/jquery.fileupload-image.js +321 -300
- data/vendor/jquery_file_upload/js/jquery.fileupload-process.js +138 -146
- data/vendor/jquery_file_upload/js/jquery.fileupload-ui.js +737 -692
- data/vendor/jquery_file_upload/js/jquery.fileupload-validate.js +91 -97
- data/vendor/jquery_file_upload/js/jquery.fileupload-video.js +82 -94
- data/vendor/jquery_file_upload/js/jquery.fileupload.js +1569 -1451
- data/vendor/jquery_file_upload/js/jquery.iframe-transport.js +208 -205
- data/vendor/jquery_file_upload/js/vendor/jquery.ui.widget.js +397 -340
- data/vendor/jquery_file_upload/package-lock.json +6853 -0
- data/vendor/jquery_file_upload/package.json +71 -10
- data/vendor/jquery_file_upload/server/gae-python/app.yaml +11 -10
- data/vendor/jquery_file_upload/server/php/Dockerfile +23 -17
- data/vendor/jquery_file_upload/server/php/UploadHandler.php +206 -137
- data/vendor/jquery_file_upload/server/php/php.ini +5 -0
- data/vendor/jquery_file_upload/test/index.html +36 -159
- data/vendor/jquery_file_upload/test/unit.js +989 -0
- data/vendor/jquery_file_upload/test/vendor/chai.js +10854 -0
- data/vendor/jquery_file_upload/test/vendor/mocha.css +325 -0
- data/vendor/jquery_file_upload/test/vendor/mocha.js +18178 -0
- data/vendor/jquery_file_upload/wdio/LICENSE.txt +20 -0
- data/vendor/jquery_file_upload/wdio/assets/black+white-3x2.jpg +0 -0
- data/vendor/jquery_file_upload/wdio/assets/black+white-60x40.gif +0 -0
- data/vendor/jquery_file_upload/wdio/conf/chrome.js +40 -0
- data/vendor/jquery_file_upload/wdio/conf/firefox.js +25 -0
- data/vendor/jquery_file_upload/wdio/hooks/index.js +36 -0
- data/vendor/jquery_file_upload/wdio/test/pages/file-upload.js +79 -0
- data/vendor/jquery_file_upload/wdio/test/specs/01-file-upload.js +25 -0
- data/vendor/jquery_file_upload/wdio/wdio.conf.js +4 -0
- metadata +34 -52
- data/file/mod_script_script_decko_machine_output/file.js +0 -2685
- data/file/mod_script_script_jquery_machine_output/file.js +0 -12924
- data/lib/javascript/script_html5shiv_printshiv.js +0 -1
- data/set/self/script_html5shiv_printshiv.rb +0 -11
- data/set/self/script_mods.rb +0 -1
- data/set/type/mod_script_assets.rb +0 -21
- data/vendor/jquery_file_upload/CONTRIBUTING.md +0 -15
- 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/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/style.css +0 -15
- 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/jquery.fileupload-angular.js +0 -437
- data/vendor/jquery_file_upload/js/jquery.fileupload-jquery-ui.js +0 -161
- data/vendor/jquery_file_upload/js/main.js +0 -75
- data/vendor/jquery_file_upload/server/gae-go/app/main.go +0 -361
- data/vendor/jquery_file_upload/server/gae-go/app.yaml +0 -12
- 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/php/docker-compose.yml +0 -9
- data/vendor/jquery_file_upload/test/test.js +0 -1292
@@ -1 +0,0 @@
|
|
1
|
-
!function(e,t){function n(e,t){var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x<style>"+t+"</style>",r.insertBefore(n.lastChild,r.firstChild)}function r(){var e=T.elements;return"string"==typeof e?e.split(" "):e}function a(e){var t=N[e[b]];return t||(t={},S++,e[b]=S,N[S]=t),t}function o(e,n,r){if(n||(n=t),p)return n.createElement(e);r||(r=a(n));var o;return o=r.cache[e]?r.cache[e].cloneNode():E.test(e)?(r.cache[e]=r.createElem(e)).cloneNode():r.createElem(e),o.canHaveChildren&&!y.test(e)?r.frag.appendChild(o):o}function i(e,n){if(e||(e=t),p)return e.createDocumentFragment();n=n||a(e);for(var o=n.frag.cloneNode(),i=0,c=r(),l=c.length;l>i;i++)o.createElement(c[i]);return o}function c(e,t){t.cache||(t.cache={},t.createElem=e.createElement,t.createFrag=e.createDocumentFragment,t.frag=t.createFrag()),e.createElement=function(n){return T.shivMethods?o(n,e,t):t.createElem(n)},e.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+r().join().replace(/\w+/g,function(e){return t.createElem(e),t.frag.createElement(e),'c("'+e+'")'})+");return n}")(T,t.frag)}function l(e){e||(e=t);var r=a(e);return!T.shivCSS||h||r.hasCSS||(r.hasCSS=!!n(e,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),p||c(e,r),e}function u(e){for(var t,n=e.getElementsByTagName("*"),a=n.length,o=RegExp("^(?:"+r().join("|")+")$","i"),i=[];a--;)t=n[a],o.test(t.nodeName)&&i.push(t.applyElement(s(t)));return i}function s(e){for(var t,n=e.attributes,r=n.length,a=e.ownerDocument.createElement(x+":"+e.nodeName);r--;)t=n[r],t.specified&&a.setAttribute(t.nodeName,t.nodeValue);return a.style.cssText=e.style.cssText,a}function m(e){for(var t,n=e.split("{"),a=n.length,o=RegExp("(^|[\\s,>+~])("+r().join("|")+")(?=[[\\s,>+~#.:]|$)","gi"),i="$1"+x+"\\:$2";a--;)t=n[a]=n[a].split("}"),t[t.length-1]=t[t.length-1].replace(o,i),n[a]=t.join("}");return n.join("{")}function d(e){for(var t=e.length;t--;)e[t].removeNode()}function f(e){function t(){clearTimeout(i._removeSheetTimer),r&&r.removeNode(!0),r=null}var r,o,i=a(e),c=e.namespaces,l=e.parentWindow;return!C||e.printShived?e:("undefined"==typeof c[x]&&c.add(x),l.attachEvent("onbeforeprint",function(){t();for(var a,i,c,l=e.styleSheets,s=[],d=l.length,f=Array(d);d--;)f[d]=l[d];for(;c=f.pop();)if(!c.disabled&&F.test(c.media)){try{a=c.imports,i=a.length}catch(h){i=0}for(d=0;i>d;d++)f.push(a[d]);try{s.push(c.cssText)}catch(h){}}s=m(s.reverse().join("")),o=u(e),r=n(e,s)}),l.attachEvent("onafterprint",function(){d(o),clearTimeout(i._removeSheetTimer),i._removeSheetTimer=setTimeout(t,500)}),e.printShived=!0,e)}var h,p,v="3.6.2",g=e.html5||{},y=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,E=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,b="_html5shiv",S=0,N={};!function(){try{var e=t.createElement("a");e.innerHTML="<xyz></xyz>",h="hidden"in e,p=1==e.childNodes.length||function(){t.createElement("a");var e=t.createDocumentFragment();return"undefined"==typeof e.cloneNode||"undefined"==typeof e.createDocumentFragment||"undefined"==typeof e.createElement}()}catch(n){h=!0,p=!0}}();var T={elements:g.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:v,shivCSS:g.shivCSS!==!1,supportsUnknownElements:p,shivMethods:g.shivMethods!==!1,type:"default",shivDocument:l,createElement:o,createDocumentFragment:i};e.html5=T,l(t);var F=/^$|\b(?:all|print)\b/,x="html5shiv",C=!p&&function(){var n=t.documentElement;return!("undefined"==typeof t.namespaces||"undefined"==typeof t.parentWindow||"undefined"==typeof n.applyElement||"undefined"==typeof n.removeNode||"undefined"==typeof e.attachEvent)}();T.type+=" print",T.shivPrint=f,f(t)}(this,document);
|
data/set/self/script_mods.rb
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
include_set Abstract::CodePointer, basket_name: :script_mods
|
@@ -1,21 +0,0 @@
|
|
1
|
-
include_set Abstract::ModAssets
|
2
|
-
|
3
|
-
def subpath
|
4
|
-
"script"
|
5
|
-
end
|
6
|
-
|
7
|
-
def local_folder_group_type_id
|
8
|
-
::Card::LocalScriptFolderGroupID
|
9
|
-
end
|
10
|
-
|
11
|
-
def local_manifest_group_type_id
|
12
|
-
::Card::LocalScriptManifestGroupID
|
13
|
-
end
|
14
|
-
|
15
|
-
format :html do
|
16
|
-
view :javascript_include_tag do
|
17
|
-
card.item_cards.map do |icard|
|
18
|
-
nest icard, view: :javascript_include_tag
|
19
|
-
end.join("\n")
|
20
|
-
end
|
21
|
-
end
|
@@ -1,15 +0,0 @@
|
|
1
|
-
Please follow these pull request guidelines:
|
2
|
-
|
3
|
-
1. Update your fork to the latest upstream version.
|
4
|
-
|
5
|
-
2. Follow the coding conventions of the original source files (indentation, spaces, brackets layout).
|
6
|
-
|
7
|
-
3. Code changes must pass JSHint validation with the `.jshintrc` settings of this project.
|
8
|
-
|
9
|
-
4. Code changes must pass the QUnit tests defined in the `test` folder.
|
10
|
-
|
11
|
-
5. New features should be covered by accompanying QUnit tests.
|
12
|
-
|
13
|
-
6. Keep your commits as atomic as possible, i.e. create a new commit for every single bug fix or feature added.
|
14
|
-
|
15
|
-
7. Always add meaningful commit messages.
|
@@ -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>
|