jQuery-File-Upload/basic.html at master · BionicClick/jQuery-File-Upload · GitHub

History

136 lines (136 loc) · 6.47 KB

Raw

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

<!DOCTYPE HTML>

<!--

* jQuery File Upload Plugin Basic Demo 1.3.0

* https://github.com/blueimp/jQuery-File-Upload

* https://blueimp.net

* Licensed under the MIT license:

* http://www.opensource.org/licenses/MIT

-->

<head>

<title>jQuery File Upload Demo - Basic version</title>

</head>

<body>

</button>

<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a>

</div>

<li><a href="https://github.com/blueimp/jQuery-File-Upload/tags">Download</a></li>

<li><a href="https://github.com/blueimp/jQuery-File-Upload">Source Code</a></li>

<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li>

<li><a href="https://blueimp.net">© Sebastian Tschan</a></li>

</ul>

</div>

<h1>jQuery File Upload Demo</h1>

<h2 class="lead">Basic version</h2>

<li class="active"><a href="basic.html">Basic</a></li>

<li><a href="basic-plus.html">Basic Plus</a></li>

<li><a href="index.html">Basic Plus UI</a></li>

<li><a href="angularjs.html">AngularJS</a></li>

<li><a href="jquery-ui.html">jQuery UI</a></li>

</ul>

<br>

<p>File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery.<br>

Supports cross-domain, chunked and resumable file uploads.<br>

Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.</p>

</blockquote>

<br>

<span>Select files...</span>

</span>

<br>

</div>

<br>

<h3 class="panel-title">Demo Notes</h3>

</div>

<ul>

<li>The maximum file size for uploads in this demo is <strong>5 MB</strong> (default file size is unlimited).</li>

<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li>

<li>Uploaded files will be deleted automatically after <strong>5 minutes</strong> (demo setting).</li>

<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>

<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>

<li>Built with <a href="http://getbootstrap.com/">Bootstrap</a> and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li>

</ul>

</div>

/*jslint unparam: true */

/*global window, $ */

$(function () {

'use strict';

// Change this to the location of your server-side upload handler:

var url = window.location.hostname === 'blueimp.github.io' ?

'//jquery-file-upload.appspot.com/' : 'server/php/';

$('#fileupload').fileupload({

url: url,

dataType: 'json',

done: function (e, data) {

$.each(data.result.files, function (index, file) {

$('<p/>').text(file.name).appendTo('#files');

});

progressall: function (e, data) {

var progress = parseInt(data.loaded / data.total * 100, 10);

$('#progress .progress-bar').css(

'width',

progress + '%'

);

}

}).prop('disabled', !$.support.fileInput)

.parent().addClass($.support.fileInput ? undefined : 'disabled');

});

</script>

</body>

</html>

jQuery-File-Upload/basic.html at master · BionicClick/jQuery-File-Upload · GitHub

Expand file tree

Breadcrumbs

basic.html

Latest commit

History

Breadcrumbs

basic.html

File metadata and controls