parent
b04a8a4557
commit
b7306368f0
64 changed files with 10734 additions and 83 deletions
@ -1,27 +1,89 @@ |
||||
//$('#realtyId').on('change', function(evt) {
|
||||
// var realtyId = Number($(this).val())
|
||||
//
|
||||
// if (realtyId) {
|
||||
// loadRealtyDetails(realtyId).then(function(res) {
|
||||
// $('#realtyName').val(res.name)
|
||||
// $('#realtyBuildingClassificationId').val(res.building_classification.id).change()
|
||||
// $('#realtyConstructionTypeId').val(res.construction_type.id).change()
|
||||
// $('#realtyLocationId').val(res.location.id).change()
|
||||
// })
|
||||
// } else {
|
||||
// $('#realtyName').val('')
|
||||
// $('#realtyBuildingClassificationId').val('').change()
|
||||
// $('#realtyConstructionTypeId').val('').change()
|
||||
// $('#realtyLocationId').val('').change()
|
||||
// }
|
||||
//})
|
||||
//
|
||||
//function loadRealtyDetails(realtyId) {
|
||||
// return $.ajax({
|
||||
// url: '/api/realties/' + realtyId + '/',
|
||||
// method: 'GET',
|
||||
// dataType: 'json',
|
||||
// })
|
||||
// .then(function(res) {return res})
|
||||
// .fail(function() {console.error('Failed', arguments)})
|
||||
//}
|
||||
// Utils -----------------------------------------------
|
||||
|
||||
|
||||
function humanFileSize(bytes, si) { |
||||
var thresh = si ? 1000 : 1024 |
||||
|
||||
if (Math.abs(bytes) < thresh) |
||||
return bytes + ' B' |
||||
|
||||
var units = si |
||||
? ['kB','MB','GB','TB','PB','EB','ZB','YB'] |
||||
: ['KiB','MiB','GiB','TiB','PiB','EiB','ZiB','YiB'] |
||||
|
||||
var u = -1 |
||||
|
||||
do { |
||||
bytes /= thresh |
||||
++u |
||||
} while (Math.abs(bytes) >= thresh && u < units.length-1) |
||||
|
||||
return bytes.toFixed(1) + ' ' + units[u] |
||||
} |
||||
|
||||
|
||||
//---------------------------------------------------
|
||||
|
||||
|
||||
$('#realtyId').on('change', function($evt) { |
||||
var realtyId = Number($(this).val()) |
||||
|
||||
if (realtyId) { |
||||
loadRealtyDetails(realtyId).then(function(res) { |
||||
$('#realtyName').val(res.name) |
||||
$('#realtyBuildingClassificationId').val(res.building_classification.id).change() |
||||
$('#realtyConstructionTypeId').val(res.construction_type.id).change() |
||||
$('#realtyLocationId').val(res.location.id).change() |
||||
}) |
||||
} else { |
||||
$('#realtyName').val('') |
||||
$('#realtyBuildingClassificationId').val('').change() |
||||
$('#realtyConstructionTypeId').val('').change() |
||||
$('#realtyLocationId').val('').change() |
||||
} |
||||
}) |
||||
|
||||
function loadRealtyDetails(realtyId) { |
||||
return $.ajax({ |
||||
url: '/api/realties/' + realtyId + '/', |
||||
method: 'GET', |
||||
dataType: 'json', |
||||
}) |
||||
.then(function(res) {return res}) |
||||
.fail(function() {console.error('Failed', arguments)}) |
||||
} |
||||
|
||||
|
||||
//---------------------------------------
|
||||
|
||||
|
||||
var $fileUploadContainer = $('#fileUploadContainer') |
||||
|
||||
$('#fileUploadAddBtn').on('click', function($evt) { |
||||
$fileUploadContainer.find('.file-upload-widget').last().children('.file-upload-input').click() |
||||
}) |
||||
|
||||
$fileUploadContainer.on('change', '.file-upload-input', function($evt) { |
||||
var $fileInput = $(this) |
||||
var $fileUploadWidget = $fileInput.parent('.file-upload-widget') |
||||
var filePath = $fileInput.val().replace(/\\/g, '/') |
||||
var fileName = path.basename(filePath) |
||||
//var fileExt = path.extname(filePath)
|
||||
var fileSize = $fileInput.get(0).files && humanFileSize($fileInput.get(0).files[0].size) |
||||
|
||||
if (fileName) { |
||||
$fileUploadWidget.children('.file-upload-label').text(fileName + ' ' + fileSize) |
||||
|
||||
var $newFileUploadWidget = $fileUploadWidget.clone() |
||||
$newFileUploadWidget.children('.file-upload-label').text('') |
||||
|
||||
$fileUploadContainer.children('ul').first().append($newFileUploadWidget) |
||||
|
||||
$fileUploadWidget.css('display', 'block') |
||||
} |
||||
}) |
||||
|
||||
$fileUploadContainer.on('click', '.file-upload-remove-btn', function($evt) { |
||||
var $btn = $(this) |
||||
$btn.parent('.file-upload-widget').remove() |
||||
}) |
||||
|
||||
@ -0,0 +1,3 @@ |
||||
.DS_Store |
||||
*.pyc |
||||
node_modules |
||||
@ -0,0 +1,81 @@ |
||||
{ |
||||
"bitwise" : true, // true: Prohibit bitwise operators (&, |, ^, etc.) |
||||
"camelcase" : true, // true: Identifiers must be in camelCase |
||||
"curly" : true, // true: Require {} for every new block or scope |
||||
"eqeqeq" : true, // true: Require triple equals (===) for comparison |
||||
"forin" : true, // true: Require filtering for..in loops with obj.hasOwnProperty() |
||||
"immed" : true, // true: Require immediate invocations to be wrapped in parens |
||||
// e.g. `(function () { } ());` |
||||
"indent" : 4, // {int} Number of spaces to use for indentation |
||||
"latedef" : true, // true: Require variables/functions to be defined before being used |
||||
"newcap" : true, // true: Require capitalization of all constructor functions e.g. `new F()` |
||||
"noarg" : true, // true: Prohibit use of `arguments.caller` and `arguments.callee` |
||||
"noempty" : true, // true: Prohibit use of empty blocks |
||||
"nonew" : true, // true: Prohibit use of constructors for side-effects (without assignment) |
||||
"plusplus" : false, // true: Prohibit use of `++` & `--` |
||||
"quotmark" : "single", // Quotation mark consistency: |
||||
// false : do nothing (default) |
||||
// true : ensure whatever is used is consistent |
||||
// "single" : require single quotes |
||||
// "double" : require double quotes |
||||
"undef" : true, // true: Require all non-global variables to be declared (prevents global leaks) |
||||
"unused" : true, // true: Require all defined variables be used |
||||
"strict" : true, // true: Requires all functions run in ES5 Strict Mode |
||||
"trailing" : true, // true: Prohibit trailing whitespaces |
||||
"maxparams" : false, // {int} Max number of formal params allowed per function |
||||
"maxdepth" : false, // {int} Max depth of nested blocks (within functions) |
||||
"maxstatements" : false, // {int} Max number statements per function |
||||
"maxcomplexity" : false, // {int} Max cyclomatic complexity per function |
||||
"maxlen" : false, // {int} Max number of characters per line |
||||
|
||||
// Relaxing |
||||
"asi" : false, // true: Tolerate Automatic Semicolon Insertion (no semicolons) |
||||
"boss" : false, // true: Tolerate assignments where comparisons would be expected |
||||
"debug" : false, // true: Allow debugger statements e.g. browser breakpoints. |
||||
"eqnull" : false, // true: Tolerate use of `== null` |
||||
"es5" : false, // true: Allow ES5 syntax (ex: getters and setters) |
||||
"esnext" : false, // true: Allow ES.next (ES6) syntax (ex: `const`) |
||||
"moz" : false, // true: Allow Mozilla specific syntax (extends and overrides esnext features) |
||||
// (ex: `for each`, multiple try/catch, function expression…) |
||||
"evil" : false, // true: Tolerate use of `eval` and `new Function()` |
||||
"expr" : false, // true: Tolerate `ExpressionStatement` as Programs |
||||
"funcscope" : false, // true: Tolerate defining variables inside control statements" |
||||
"globalstrict" : false, // true: Allow global "use strict" (also enables 'strict') |
||||
"iterator" : false, // true: Tolerate using the `__iterator__` property |
||||
"lastsemic" : false, // true: Tolerate omitting a semicolon for the last statement of a 1-line block |
||||
"laxbreak" : false, // true: Tolerate possibly unsafe line breakings |
||||
"laxcomma" : false, // true: Tolerate comma-first style coding |
||||
"loopfunc" : false, // true: Tolerate functions being defined in loops |
||||
"multistr" : false, // true: Tolerate multi-line strings |
||||
"proto" : false, // true: Tolerate using the `__proto__` property |
||||
"scripturl" : false, // true: Tolerate script-targeted URLs |
||||
"smarttabs" : false, // true: Tolerate mixed tabs/spaces when used for alignment |
||||
"shadow" : false, // true: Allows re-define variables later in code e.g. `var x=1; x=2;` |
||||
"sub" : false, // true: Tolerate using `[]` notation when it can still be expressed in dot notation |
||||
"supernew" : false, // true: Tolerate `new function () { ... };` and `new Object;` |
||||
"validthis" : false, // true: Tolerate using this in a non-constructor function |
||||
|
||||
// Environments |
||||
"browser" : false, // Web Browser (window, document, etc) |
||||
"couch" : false, // CouchDB |
||||
"devel" : false, // Development/debugging (alert, confirm, etc) |
||||
"dojo" : false, // Dojo Toolkit |
||||
"jquery" : false, // jQuery |
||||
"mootools" : false, // MooTools |
||||
"node" : false, // Node.js |
||||
"nonstandard" : false, // Widely adopted globals (escape, unescape, etc) |
||||
"prototypejs" : false, // Prototype and Scriptaculous |
||||
"rhino" : false, // Rhino |
||||
"worker" : false, // Web Workers |
||||
"wsh" : false, // Windows Scripting Host |
||||
"yui" : false, // Yahoo User Interface |
||||
|
||||
// Legacy |
||||
"nomen" : true, // true: Prohibit dangling `_` in variables |
||||
"onevar" : true, // true: Allow only one `var` statement per function |
||||
"passfail" : false, // true: Stop on first error |
||||
"white" : true, // true: Check against strict whitespace and indentation rules |
||||
|
||||
// Custom Globals |
||||
"globals" : {} // additional predefined global variables |
||||
} |
||||
@ -0,0 +1,15 @@ |
||||
Please follow these pull request guidelines: |
||||
|
||||
1. Update your fork to the latest upstream version. |
||||
|
||||
2. Follow the coding conventions of the original source files (indentation, spaces, brackets layout). |
||||
|
||||
3. Code changes must pass JSHint validation with the `.jshintrc` settings of this project. |
||||
|
||||
4. Code changes must pass the QUnit tests defined in the `test` folder. |
||||
|
||||
5. New features should be covered by accompanying QUnit tests. |
||||
|
||||
6. Keep your commits as atomic as possible, i.e. create a new commit for every single bug fix or feature added. |
||||
|
||||
7. Always add meaningful commit messages. |
||||
@ -0,0 +1,42 @@ |
||||
/* |
||||
* jQuery File Upload Gruntfile |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/*global module, require */ |
||||
|
||||
module.exports = function (grunt) { |
||||
'use strict'; |
||||
|
||||
function bowerJson() { |
||||
require('bower-json').validate(require('./bower.json')); |
||||
} |
||||
|
||||
grunt.initConfig({ |
||||
jshint: { |
||||
options: { |
||||
jshintrc: '.jshintrc' |
||||
}, |
||||
all: [ |
||||
'Gruntfile.js', |
||||
'js/cors/*.js', |
||||
'js/*.js', |
||||
'server/node/server.js', |
||||
'test/test.js' |
||||
] |
||||
} |
||||
}); |
||||
|
||||
grunt.loadNpmTasks('grunt-contrib-jshint'); |
||||
grunt.loadNpmTasks('grunt-bump-build-git'); |
||||
grunt.registerTask('bower-json', bowerJson); |
||||
grunt.registerTask('test', ['jshint', 'bower-json']); |
||||
grunt.registerTask('default', ['test']); |
||||
|
||||
}; |
||||
@ -0,0 +1,107 @@ |
||||
# jQuery File Upload Plugin |
||||
|
||||
## Demo |
||||
[Demo File Upload](https://blueimp.github.io/jQuery-File-Upload/) |
||||
|
||||
## Description |
||||
File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. |
||||
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. |
||||
|
||||
## Setup |
||||
* [How to setup the plugin on your website](https://github.com/blueimp/jQuery-File-Upload/wiki/Setup) |
||||
* [How to use only the basic plugin (minimal setup guide).](https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin) |
||||
|
||||
## Features |
||||
* **Multiple file upload:** |
||||
Allows to select multiple files at once and upload them simultaneously. |
||||
* **Drag & Drop support:** |
||||
Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window. |
||||
* **Upload progress bar:** |
||||
Shows a progress bar indicating the upload progress for individual files and for all uploads combined. |
||||
* **Cancelable uploads:** |
||||
Individual file uploads can be canceled to stop the upload progress. |
||||
* **Resumable uploads:** |
||||
Aborted uploads can be resumed with browsers supporting the Blob API. |
||||
* **Chunked uploads:** |
||||
Large files can be uploaded in smaller chunks with browsers supporting the Blob API. |
||||
* **Client-side image resizing:** |
||||
Images can be automatically resized on client-side with browsers supporting the required JS APIs. |
||||
* **Preview images, audio and video:** |
||||
A preview of image, audio and video files can be displayed before uploading with browsers supporting the required APIs. |
||||
* **No browser plugins (e.g. Adobe Flash) required:** |
||||
The implementation is based on open standards like HTML5 and JavaScript and requires no additional browser plugins. |
||||
* **Graceful fallback for legacy browsers:** |
||||
Uploads files via XMLHttpRequests if supported and uses iframes as fallback for legacy browsers. |
||||
* **HTML file upload form fallback:** |
||||
Allows progressive enhancement by using a standard HTML file upload form as widget element. |
||||
* **Cross-site file uploads:** |
||||
Supports uploading files to a different domain with cross-site XMLHttpRequests or iframe redirects. |
||||
* **Multiple plugin instances:** |
||||
Allows to use multiple plugin instances on the same webpage. |
||||
* **Customizable and extensible:** |
||||
Provides an API to set individual options and define callBack methods for various upload events. |
||||
* **Multipart and file contents stream uploads:** |
||||
Files can be uploaded as standard "multipart/form-data" or file contents stream (HTTP PUT file upload). |
||||
* **Compatible with any server-side application platform:** |
||||
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. |
||||
|
||||
## Requirements |
||||
|
||||
### Mandatory requirements |
||||
* [jQuery](https://jquery.com/) v. 1.6+ |
||||
* [jQuery UI widget factory](https://api.jqueryui.com/jQuery.widget/) v. 1.9+ (included): Required for the basic File Upload plugin, but very lightweight without any other dependencies from the jQuery UI suite. |
||||
* [jQuery Iframe Transport plugin](https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.iframe-transport.js) (included): Required for [browsers without XHR file upload support](https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support). |
||||
|
||||
### Optional requirements |
||||
* [JavaScript Templates engine](https://github.com/blueimp/JavaScript-Templates) v. 2.5.4+: Used to render the selected and uploaded files for the Basic Plus UI and jQuery UI versions. |
||||
* [JavaScript Load Image library](https://github.com/blueimp/JavaScript-Load-Image) v. 1.13.0+: Required for the image previews and resizing functionality. |
||||
* [JavaScript Canvas to Blob polyfill](https://github.com/blueimp/JavaScript-Canvas-to-Blob) v. 2.1.1+:Required for the image previews and resizing functionality. |
||||
* [blueimp Gallery](https://github.com/blueimp/Gallery) v. 2.15.1+: Used to display the uploaded images in a lightbox. |
||||
* [Bootstrap](http://getbootstrap.com/) v. 3.2.0+ |
||||
* [Glyphicons](http://glyphicons.com/) |
||||
|
||||
The user interface of all versions except the jQuery UI version is built with [Bootstrap](http://getbootstrap.com/) and icons from [Glyphicons](http://glyphicons.com/). |
||||
|
||||
### Cross-domain requirements |
||||
[Cross-domain File Uploads](https://github.com/blueimp/jQuery-File-Upload/wiki/Cross-domain-uploads) using the [Iframe Transport plugin](https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.iframe-transport.js) require a redirect back to the origin server to retrieve the upload results. The [example implementation](https://github.com/blueimp/jQuery-File-Upload/blob/master/js/main.js) makes use of [result.html](https://github.com/blueimp/jQuery-File-Upload/blob/master/cors/result.html) as a static redirect page for the origin server. |
||||
|
||||
The repository also includes the [jQuery XDomainRequest Transport plugin](https://github.com/blueimp/jQuery-File-Upload/blob/master/js/cors/jquery.xdr-transport.js), which enables limited cross-domain AJAX requests in Microsoft Internet Explorer 8 and 9 (IE 10 supports cross-domain XHR requests). |
||||
The XDomainRequest object allows GET and POST requests only and doesn't support file uploads. It is used on the [Demo](https://blueimp.github.io/jQuery-File-Upload/) to delete uploaded files from the cross-domain demo file upload service. |
||||
|
||||
### Custom Backends |
||||
|
||||
You can add support for various backends by adhering to the specification [outlined here](https://github.com/blueimp/jQuery-File-Upload/wiki/JSON-Response). |
||||
|
||||
## Browsers |
||||
|
||||
### Desktop browsers |
||||
The File Upload plugin is regularly tested with the latest browser versions and supports the following minimal versions: |
||||
|
||||
* Google Chrome |
||||
* Apple Safari 4.0+ |
||||
* Mozilla Firefox 3.0+ |
||||
* Opera 11.0+ |
||||
* Microsoft Internet Explorer 6.0+ |
||||
|
||||
### Mobile browsers |
||||
The File Upload plugin has been tested with and supports the following mobile browsers: |
||||
|
||||
* Apple Safari on iOS 6.0+ |
||||
* Google Chrome on iOS 6.0+ |
||||
* Google Chrome on Android 4.0+ |
||||
* Default Browser on Android 2.3+ |
||||
* Opera Mobile 12.0+ |
||||
|
||||
### Supported features |
||||
For a detailed overview of the features supported by each browser version, please have a look at the [Extended browser support information](https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support). |
||||
|
||||
## Contributing |
||||
**Bug fixes** and **new features** can be proposed using [pull requests](https://github.com/blueimp/jQuery-File-Upload/pulls). |
||||
Please read the [contribution guidelines](https://github.com/blueimp/jQuery-File-Upload/blob/master/CONTRIBUTING.md) before submitting a pull request. |
||||
|
||||
## Support |
||||
This project is actively maintained, but there is no official support channel. |
||||
If you have a question that another developer might help you with, please post to [Stack Overflow](http://stackoverflow.com/questions/tagged/blueimp+jquery+file-upload) and tag your question with `blueimp jquery file upload`. |
||||
|
||||
## License |
||||
Released under the [MIT license](http://www.opensource.org/licenses/MIT). |
||||
@ -0,0 +1,211 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery File Upload Plugin AngularJS Demo |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
||||
<!--[if IE]> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<![endif]--> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery File Upload Demo - AngularJS version</title> |
||||
<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."> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<!-- Bootstrap styles --> |
||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
||||
<!-- Generic page styles --> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
<!-- blueimp Gallery styles --> |
||||
<link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css"> |
||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
||||
<link rel="stylesheet" href="css/jquery.fileupload.css"> |
||||
<link rel="stylesheet" href="css/jquery.fileupload-ui.css"> |
||||
<!-- CSS adjustments for browsers with JavaScript disabled --> |
||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"></noscript> |
||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"></noscript> |
||||
<style> |
||||
/* Hide Angular JS elements before initializing */ |
||||
.ng-cloak { |
||||
display: none; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="navbar navbar-default navbar-fixed-top"> |
||||
<div class="container"> |
||||
<div class="navbar-header"> |
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse"> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</button> |
||||
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a> |
||||
</div> |
||||
<div class="navbar-collapse collapse"> |
||||
<ul class="nav navbar-nav"> |
||||
<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> |
||||
</div> |
||||
</div> |
||||
<div class="container"> |
||||
<h1>jQuery File Upload Demo</h1> |
||||
<h2 class="lead">AngularJS version</h2> |
||||
<ul class="nav nav-tabs"> |
||||
<li><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 class="active"><a href="angularjs.html">AngularJS</a></li> |
||||
<li><a href="jquery-ui.html">jQuery UI</a></li> |
||||
</ul> |
||||
<br> |
||||
<blockquote> |
||||
<p>File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for AngularJS.<br> |
||||
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<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> |
||||
<!-- The file upload form used as target for the file upload widget --> |
||||
<form id="fileupload" action="//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}"> |
||||
<!-- Redirect browsers with JavaScript disabled to the origin page --> |
||||
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript> |
||||
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --> |
||||
<div class="row fileupload-buttonbar"> |
||||
<div class="col-lg-7"> |
||||
<!-- The fileinput-button span is used to style the file input field as button --> |
||||
<span class="btn btn-success fileinput-button" ng-class="{disabled: disabled}"> |
||||
<i class="glyphicon glyphicon-plus"></i> |
||||
<span>Add files...</span> |
||||
<input type="file" name="files[]" multiple ng-disabled="disabled"> |
||||
</span> |
||||
<button type="button" class="btn btn-primary start" data-ng-click="submit()"> |
||||
<i class="glyphicon glyphicon-upload"></i> |
||||
<span>Start upload</span> |
||||
</button> |
||||
<button type="button" class="btn btn-warning cancel" data-ng-click="cancel()"> |
||||
<i class="glyphicon glyphicon-ban-circle"></i> |
||||
<span>Cancel upload</span> |
||||
</button> |
||||
<!-- The global file processing state --> |
||||
<span class="fileupload-process"></span> |
||||
</div> |
||||
<!-- The global progress state --> |
||||
<div class="col-lg-5 fade" data-ng-class="{in: active()}"> |
||||
<!-- The global progress bar --> |
||||
<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> |
||||
<!-- The extended global progress state --> |
||||
<div class="progress-extended"> </div> |
||||
</div> |
||||
</div> |
||||
<!-- The table listing the files available for upload/download --> |
||||
<table class="table table-striped files ng-cloak"> |
||||
<tr data-ng-repeat="file in queue" data-ng-class="{'processing': file.$processing()}"> |
||||
<td data-ng-switch data-on="!!file.thumbnailUrl"> |
||||
<div class="preview" data-ng-switch-when="true"> |
||||
<a data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}" data-gallery><img data-ng-src="{{file.thumbnailUrl}}" alt=""></a> |
||||
</div> |
||||
<div class="preview" data-ng-switch-default data-file-upload-preview="file"></div> |
||||
</td> |
||||
<td> |
||||
<p class="name" data-ng-switch data-on="!!file.url"> |
||||
<span data-ng-switch-when="true" data-ng-switch data-on="!!file.thumbnailUrl"> |
||||
<a data-ng-switch-when="true" data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}" data-gallery>{{file.name}}</a> |
||||
<a data-ng-switch-default data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}">{{file.name}}</a> |
||||
</span> |
||||
<span data-ng-switch-default>{{file.name}}</span> |
||||
</p> |
||||
<strong data-ng-show="file.error" class="error text-danger">{{file.error}}</strong> |
||||
</td> |
||||
<td> |
||||
<p class="size">{{file.size | formatFileSize}}</p> |
||||
<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> |
||||
</td> |
||||
<td> |
||||
<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'"> |
||||
<i class="glyphicon glyphicon-upload"></i> |
||||
<span>Start</span> |
||||
</button> |
||||
<button type="button" class="btn btn-warning cancel" data-ng-click="file.$cancel()" data-ng-hide="!file.$cancel"> |
||||
<i class="glyphicon glyphicon-ban-circle"></i> |
||||
<span>Cancel</span> |
||||
</button> |
||||
<button data-ng-controller="FileDestroyController" type="button" class="btn btn-danger destroy" data-ng-click="file.$destroy()" data-ng-hide="!file.$destroy"> |
||||
<i class="glyphicon glyphicon-trash"></i> |
||||
<span>Delete</span> |
||||
</button> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</form> |
||||
<br> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-heading"> |
||||
<h3 class="panel-title">Demo Notes</h3> |
||||
</div> |
||||
<div class="panel-body"> |
||||
<ul> |
||||
<li>The maximum file size for uploads in this demo is <strong>999 KB</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 or less</strong> (demo files are stored in memory).</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 the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- The blueimp Gallery widget --> |
||||
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even"> |
||||
<div class="slides"></div> |
||||
<h3 class="title"></h3> |
||||
<a class="prev">‹</a> |
||||
<a class="next">›</a> |
||||
<a class="close">×</a> |
||||
<a class="play-pause"></a> |
||||
<ol class="indicator"></ol> |
||||
</div> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
||||
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> |
||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
||||
<script src="js/vendor/jquery.ui.widget.js"></script> |
||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script> |
||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script> |
||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
||||
<!-- blueimp Gallery script --> |
||||
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script> |
||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
||||
<script src="js/jquery.iframe-transport.js"></script> |
||||
<!-- The basic File Upload plugin --> |
||||
<script src="js/jquery.fileupload.js"></script> |
||||
<!-- The File Upload processing plugin --> |
||||
<script src="js/jquery.fileupload-process.js"></script> |
||||
<!-- The File Upload image preview & resize plugin --> |
||||
<script src="js/jquery.fileupload-image.js"></script> |
||||
<!-- The File Upload audio preview plugin --> |
||||
<script src="js/jquery.fileupload-audio.js"></script> |
||||
<!-- The File Upload video preview plugin --> |
||||
<script src="js/jquery.fileupload-video.js"></script> |
||||
<!-- The File Upload validation plugin --> |
||||
<script src="js/jquery.fileupload-validate.js"></script> |
||||
<!-- The File Upload Angular JS module --> |
||||
<script src="js/jquery.fileupload-angular.js"></script> |
||||
<!-- The main application script --> |
||||
<script src="js/app.js"></script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,226 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery File Upload Plugin Basic Plus Demo |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
||||
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]--> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery File Upload Demo - Basic Plus version</title> |
||||
<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."> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<!-- Bootstrap styles --> |
||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
||||
<!-- Generic page styles --> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
||||
<link rel="stylesheet" href="css/jquery.fileupload.css"> |
||||
</head> |
||||
<body> |
||||
<div class="navbar navbar-default navbar-fixed-top"> |
||||
<div class="container"> |
||||
<div class="navbar-header"> |
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse"> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</button> |
||||
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a> |
||||
</div> |
||||
<div class="navbar-collapse collapse"> |
||||
<ul class="nav navbar-nav"> |
||||
<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> |
||||
</div> |
||||
</div> |
||||
<div class="container"> |
||||
<h1>jQuery File Upload Demo</h1> |
||||
<h2 class="lead">Basic Plus version</h2> |
||||
<ul class="nav nav-tabs"> |
||||
<li><a href="basic.html">Basic</a></li> |
||||
<li class="active"><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> |
||||
<blockquote> |
||||
<p>File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery.<br> |
||||
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<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> |
||||
<!-- The fileinput-button span is used to style the file input field as button --> |
||||
<span class="btn btn-success fileinput-button"> |
||||
<i class="glyphicon glyphicon-plus"></i> |
||||
<span>Add files...</span> |
||||
<!-- The file input field used as target for the file upload widget --> |
||||
<input id="fileupload" type="file" name="files[]" multiple> |
||||
</span> |
||||
<br> |
||||
<br> |
||||
<!-- The global progress bar --> |
||||
<div id="progress" class="progress"> |
||||
<div class="progress-bar progress-bar-success"></div> |
||||
</div> |
||||
<!-- The container for the uploaded files --> |
||||
<div id="files" class="files"></div> |
||||
<br> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-heading"> |
||||
<h3 class="panel-title">Demo Notes</h3> |
||||
</div> |
||||
<div class="panel-body"> |
||||
<ul> |
||||
<li>The maximum file size for uploads in this demo is <strong>999 KB</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 or less</strong> (demo files are stored in memory).</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 the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
||||
<script src="js/vendor/jquery.ui.widget.js"></script> |
||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script> |
||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script> |
||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
||||
<script src="js/jquery.iframe-transport.js"></script> |
||||
<!-- The basic File Upload plugin --> |
||||
<script src="js/jquery.fileupload.js"></script> |
||||
<!-- The File Upload processing plugin --> |
||||
<script src="js/jquery.fileupload-process.js"></script> |
||||
<!-- The File Upload image preview & resize plugin --> |
||||
<script src="js/jquery.fileupload-image.js"></script> |
||||
<!-- The File Upload audio preview plugin --> |
||||
<script src="js/jquery.fileupload-audio.js"></script> |
||||
<!-- The File Upload video preview plugin --> |
||||
<script src="js/jquery.fileupload-video.js"></script> |
||||
<!-- The File Upload validation plugin --> |
||||
<script src="js/jquery.fileupload-validate.js"></script> |
||||
<script> |
||||
/*jslint unparam: true, regexp: 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/', |
||||
uploadButton = $('<button/>') |
||||
.addClass('btn btn-primary') |
||||
.prop('disabled', true) |
||||
.text('Processing...') |
||||
.on('click', function () { |
||||
var $this = $(this), |
||||
data = $this.data(); |
||||
$this |
||||
.off('click') |
||||
.text('Abort') |
||||
.on('click', function () { |
||||
$this.remove(); |
||||
data.abort(); |
||||
}); |
||||
data.submit().always(function () { |
||||
$this.remove(); |
||||
}); |
||||
}); |
||||
$('#fileupload').fileupload({ |
||||
url: url, |
||||
dataType: 'json', |
||||
autoUpload: false, |
||||
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, |
||||
maxFileSize: 999000, |
||||
// Enable image resizing, except for Android and Opera, |
||||
// which actually support image resizing, but fail to |
||||
// send Blob objects via XHR requests: |
||||
disableImageResize: /Android(?!.*Chrome)|Opera/ |
||||
.test(window.navigator.userAgent), |
||||
previewMaxWidth: 100, |
||||
previewMaxHeight: 100, |
||||
previewCrop: true |
||||
}).on('fileuploadadd', function (e, data) { |
||||
data.context = $('<div/>').appendTo('#files'); |
||||
$.each(data.files, function (index, file) { |
||||
var node = $('<p/>') |
||||
.append($('<span/>').text(file.name)); |
||||
if (!index) { |
||||
node |
||||
.append('<br>') |
||||
.append(uploadButton.clone(true).data(data)); |
||||
} |
||||
node.appendTo(data.context); |
||||
}); |
||||
}).on('fileuploadprocessalways', function (e, data) { |
||||
var index = data.index, |
||||
file = data.files[index], |
||||
node = $(data.context.children()[index]); |
||||
if (file.preview) { |
||||
node |
||||
.prepend('<br>') |
||||
.prepend(file.preview); |
||||
} |
||||
if (file.error) { |
||||
node |
||||
.append('<br>') |
||||
.append($('<span class="text-danger"/>').text(file.error)); |
||||
} |
||||
if (index + 1 === data.files.length) { |
||||
data.context.find('button') |
||||
.text('Upload') |
||||
.prop('disabled', !!data.files.error); |
||||
} |
||||
}).on('fileuploadprogressall', function (e, data) { |
||||
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||
$('#progress .progress-bar').css( |
||||
'width', |
||||
progress + '%' |
||||
); |
||||
}).on('fileuploaddone', function (e, data) { |
||||
$.each(data.result.files, function (index, file) { |
||||
if (file.url) { |
||||
var link = $('<a>') |
||||
.attr('target', '_blank') |
||||
.prop('href', file.url); |
||||
$(data.context.children()[index]) |
||||
.wrap(link); |
||||
} else if (file.error) { |
||||
var error = $('<span class="text-danger"/>').text(file.error); |
||||
$(data.context.children()[index]) |
||||
.append('<br>') |
||||
.append(error); |
||||
} |
||||
}); |
||||
}).on('fileuploadfail', function (e, data) { |
||||
$.each(data.files, function (index) { |
||||
var error = $('<span class="text-danger"/>').text('File upload failed.'); |
||||
$(data.context.children()[index]) |
||||
.append('<br>') |
||||
.append(error); |
||||
}); |
||||
}).prop('disabled', !$.support.fileInput) |
||||
.parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||
}); |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,136 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery File Upload Plugin Basic Demo |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
||||
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]--> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery File Upload Demo - Basic version</title> |
||||
<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."> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<!-- Bootstrap styles --> |
||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
||||
<!-- Generic page styles --> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
||||
<link rel="stylesheet" href="css/jquery.fileupload.css"> |
||||
</head> |
||||
<body> |
||||
<div class="navbar navbar-default navbar-fixed-top"> |
||||
<div class="container"> |
||||
<div class="navbar-header"> |
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse"> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</button> |
||||
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a> |
||||
</div> |
||||
<div class="navbar-collapse collapse"> |
||||
<ul class="nav navbar-nav"> |
||||
<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> |
||||
</div> |
||||
</div> |
||||
<div class="container"> |
||||
<h1>jQuery File Upload Demo</h1> |
||||
<h2 class="lead">Basic version</h2> |
||||
<ul class="nav nav-tabs"> |
||||
<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> |
||||
<blockquote> |
||||
<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> |
||||
<!-- The fileinput-button span is used to style the file input field as button --> |
||||
<span class="btn btn-success fileinput-button"> |
||||
<i class="glyphicon glyphicon-plus"></i> |
||||
<span>Select files...</span> |
||||
<!-- The file input field used as target for the file upload widget --> |
||||
<input id="fileupload" type="file" name="files[]" multiple> |
||||
</span> |
||||
<br> |
||||
<br> |
||||
<!-- The global progress bar --> |
||||
<div id="progress" class="progress"> |
||||
<div class="progress-bar progress-bar-success"></div> |
||||
</div> |
||||
<!-- The container for the uploaded files --> |
||||
<div id="files" class="files"></div> |
||||
<br> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-heading"> |
||||
<h3 class="panel-title">Demo Notes</h3> |
||||
</div> |
||||
<div class="panel-body"> |
||||
<ul> |
||||
<li>The maximum file size for uploads in this demo is <strong>999 KB</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 or less</strong> (demo files are stored in memory).</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 the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
||||
<script src="js/vendor/jquery.ui.widget.js"></script> |
||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
||||
<script src="js/jquery.iframe-transport.js"></script> |
||||
<!-- The basic File Upload plugin --> |
||||
<script src="js/jquery.fileupload.js"></script> |
||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
||||
<script> |
||||
/*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> |
||||
@ -0,0 +1,64 @@ |
||||
{ |
||||
"name": "blueimp-file-upload", |
||||
"version": "9.12.5", |
||||
"title": "jQuery File Upload", |
||||
"description": "File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images.", |
||||
"keywords": [ |
||||
"jquery", |
||||
"file", |
||||
"upload", |
||||
"widget", |
||||
"multiple", |
||||
"selection", |
||||
"drag", |
||||
"drop", |
||||
"progress", |
||||
"preview", |
||||
"cross-domain", |
||||
"cross-site", |
||||
"chunk", |
||||
"resume", |
||||
"gae", |
||||
"go", |
||||
"python", |
||||
"php", |
||||
"bootstrap" |
||||
], |
||||
"homepage": "https://github.com/blueimp/jQuery-File-Upload", |
||||
"author": { |
||||
"name": "Sebastian Tschan", |
||||
"url": "https://blueimp.net" |
||||
}, |
||||
"maintainers": [ |
||||
{ |
||||
"name": "Sebastian Tschan", |
||||
"url": "https://blueimp.net" |
||||
} |
||||
], |
||||
"repository": { |
||||
"type": "git", |
||||
"url": "git://github.com/blueimp/jQuery-File-Upload.git" |
||||
}, |
||||
"bugs": "https://github.com/blueimp/jQuery-File-Upload/issues", |
||||
"license": "MIT", |
||||
"dependencies": { |
||||
"jquery": ">=1.6", |
||||
"blueimp-tmpl": ">=2.5.4", |
||||
"blueimp-load-image": ">=1.13.0", |
||||
"blueimp-canvas-to-blob": ">=2.1.1" |
||||
}, |
||||
"main": [ |
||||
"js/jquery.fileupload.js" |
||||
], |
||||
"ignore": [ |
||||
"/*.*", |
||||
"/cors", |
||||
"css/demo-ie8.css", |
||||
"css/demo.css", |
||||
"css/style.css", |
||||
"js/app.js", |
||||
"js/main.js", |
||||
"server", |
||||
"test" |
||||
] |
||||
} |
||||
@ -0,0 +1,75 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery File Upload Plugin postMessage API |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2011, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery File Upload Plugin postMessage API</title> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> |
||||
</head> |
||||
<body> |
||||
<script> |
||||
/*jslint unparam: true, regexp: true */ |
||||
/*global $, Blob, FormData, location */ |
||||
'use strict'; |
||||
var origin = /^http:\/\/example.org/, |
||||
target = new RegExp('^(http(s)?:)?\\/\\/' + location.host + '\\/'); |
||||
$(window).on('message', function (e) { |
||||
e = e.originalEvent; |
||||
var s = e.data, |
||||
xhr = $.ajaxSettings.xhr(), |
||||
f; |
||||
if (!origin.test(e.origin)) { |
||||
throw new Error('Origin "' + e.origin + '" does not match ' + origin); |
||||
} |
||||
if (!target.test(e.data.url)) { |
||||
throw new Error('Target "' + e.data.url + '" does not match ' + target); |
||||
} |
||||
$(xhr.upload).on('progress', function (ev) { |
||||
ev = ev.originalEvent; |
||||
e.source.postMessage({ |
||||
id: s.id, |
||||
type: ev.type, |
||||
timeStamp: ev.timeStamp, |
||||
lengthComputable: ev.lengthComputable, |
||||
loaded: ev.loaded, |
||||
total: ev.total |
||||
}, e.origin); |
||||
}); |
||||
s.xhr = function () { |
||||
return xhr; |
||||
}; |
||||
if (!(s.data instanceof Blob)) { |
||||
f = new FormData(); |
||||
$.each(s.data, function (i, v) { |
||||
f.append(v.name, v.value); |
||||
}); |
||||
s.data = f; |
||||
} |
||||
$.ajax(s).always(function (result, statusText, jqXHR) { |
||||
if (!jqXHR.done) { |
||||
jqXHR = result; |
||||
result = null; |
||||
} |
||||
e.source.postMessage({ |
||||
id: s.id, |
||||
status: jqXHR.status, |
||||
statusText: statusText, |
||||
result: result, |
||||
headers: jqXHR.getAllResponseHeaders() |
||||
}, e.origin); |
||||
}); |
||||
}); |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,24 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery Iframe Transport Plugin Redirect Page |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2010, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery Iframe Transport Plugin Redirect Page</title> |
||||
</head> |
||||
<body> |
||||
<script> |
||||
document.body.innerText=document.body.textContent=decodeURIComponent(window.location.search.slice(1)); |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,21 @@ |
||||
@charset "UTF-8"; |
||||
/* |
||||
* jQuery File Upload Demo CSS Fixes for IE<9 |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
.navigation { |
||||
list-style: none; |
||||
padding: 0; |
||||
margin: 1em 0; |
||||
} |
||||
.navigation li { |
||||
display: inline; |
||||
margin-right: 10px; |
||||
} |
||||
@ -0,0 +1,67 @@ |
||||
@charset "UTF-8"; |
||||
/* |
||||
* jQuery File Upload Demo CSS |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
body { |
||||
max-width: 750px; |
||||
margin: 0 auto; |
||||
padding: 1em; |
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; |
||||
font-size: 1em; |
||||
line-height: 1.4em; |
||||
background: #222; |
||||
color: #fff; |
||||
-webkit-text-size-adjust: 100%; |
||||
-ms-text-size-adjust: 100%; |
||||
} |
||||
a { |
||||
color: orange; |
||||
text-decoration: none; |
||||
} |
||||
img { |
||||
border: 0; |
||||
vertical-align: middle; |
||||
} |
||||
h1 { |
||||
line-height: 1em; |
||||
} |
||||
blockquote { |
||||
padding: 0 0 0 15px; |
||||
margin: 0 0 20px; |
||||
border-left: 5px solid #eee; |
||||
} |
||||
table { |
||||
width: 100%; |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.fileupload-progress { |
||||
margin: 10px 0; |
||||
} |
||||
.fileupload-progress .progress-extended { |
||||
margin-top: 5px; |
||||
} |
||||
.error { |
||||
color: red; |
||||
} |
||||
|
||||
@media (min-width: 481px) { |
||||
.navigation { |
||||
list-style: none; |
||||
padding: 0; |
||||
} |
||||
.navigation li { |
||||
display: inline-block; |
||||
} |
||||
.navigation li:not(:first-child):before { |
||||
content: "| "; |
||||
} |
||||
} |
||||
@ -0,0 +1,22 @@ |
||||
@charset "UTF-8"; |
||||
/* |
||||
* jQuery File Upload Plugin NoScript CSS |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
.fileinput-button input { |
||||
position: static; |
||||
opacity: 1; |
||||
filter: none; |
||||
font-size: inherit; |
||||
direction: inherit; |
||||
} |
||||
.fileinput-button span { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,17 @@ |
||||
@charset "UTF-8"; |
||||
/* |
||||
* jQuery File Upload UI Plugin NoScript CSS |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2012, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
.fileinput-button i, |
||||
.fileupload-buttonbar .delete, |
||||
.fileupload-buttonbar .toggle { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,57 @@ |
||||
@charset "UTF-8"; |
||||
/* |
||||
* jQuery File Upload UI Plugin CSS |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2010, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
.fileupload-buttonbar .btn, |
||||
.fileupload-buttonbar .toggle { |
||||
margin-bottom: 5px; |
||||
} |
||||
.progress-animated .progress-bar, |
||||
.progress-animated .bar { |
||||
background: url("../img/progressbar.gif") !important; |
||||
filter: none; |
||||
} |
||||
.fileupload-process { |
||||
float: right; |
||||
display: none; |
||||
} |
||||
.fileupload-processing .fileupload-process, |
||||
.files .processing .preview { |
||||
display: block; |
||||
width: 32px; |
||||
height: 32px; |
||||
background: url("../img/loading.gif") center no-repeat; |
||||
background-size: contain; |
||||
} |
||||
.files audio, |
||||
.files video { |
||||
max-width: 300px; |
||||
} |
||||
|
||||
@media (max-width: 767px) { |
||||
.fileupload-buttonbar .toggle, |
||||
.files .toggle, |
||||
.files .btn span { |
||||
display: none; |
||||
} |
||||
.files .name { |
||||
width: 80px; |
||||
word-wrap: break-word; |
||||
} |
||||
.files audio, |
||||
.files video { |
||||
max-width: 80px; |
||||
} |
||||
.files img, |
||||
.files canvas { |
||||
max-width: 100%; |
||||
} |
||||
} |
||||
@ -0,0 +1,37 @@ |
||||
@charset "UTF-8"; |
||||
/* |
||||
* jQuery File Upload Plugin CSS |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
.fileinput-button { |
||||
position: relative; |
||||
overflow: hidden; |
||||
display: inline-block; |
||||
} |
||||
.fileinput-button input { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
margin: 0; |
||||
opacity: 0; |
||||
-ms-filter: 'alpha(opacity=0)'; |
||||
font-size: 200px !important; |
||||
direction: ltr; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
/* Fixes for IE < 8 */ |
||||
@media screen\9 { |
||||
.fileinput-button input { |
||||
filter: alpha(opacity=0); |
||||
font-size: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
@ -0,0 +1,15 @@ |
||||
@charset "UTF-8"; |
||||
/* |
||||
* jQuery File Upload Plugin CSS Example |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
body { |
||||
padding-top: 60px; |
||||
} |
||||
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
@ -0,0 +1,255 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery File Upload Plugin Demo |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2010, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
||||
<!--[if IE]> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<![endif]--> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery File Upload Demo</title> |
||||
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. 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."> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<!-- Bootstrap styles --> |
||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
||||
<!-- Generic page styles --> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
<!-- blueimp Gallery styles --> |
||||
<link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css"> |
||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
||||
<link rel="stylesheet" href="css/jquery.fileupload.css"> |
||||
<link rel="stylesheet" href="css/jquery.fileupload-ui.css"> |
||||
<!-- CSS adjustments for browsers with JavaScript disabled --> |
||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"></noscript> |
||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"></noscript> |
||||
</head> |
||||
<body> |
||||
<div class="navbar navbar-default navbar-fixed-top"> |
||||
<div class="container"> |
||||
<div class="navbar-header"> |
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse"> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</button> |
||||
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a> |
||||
</div> |
||||
<div class="navbar-collapse collapse"> |
||||
<ul class="nav navbar-nav"> |
||||
<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> |
||||
</div> |
||||
</div> |
||||
<div class="container"> |
||||
<h1>jQuery File Upload Demo</h1> |
||||
<h2 class="lead">Basic Plus UI version</h2> |
||||
<ul class="nav nav-tabs"> |
||||
<li><a href="basic.html">Basic</a></li> |
||||
<li><a href="basic-plus.html">Basic Plus</a></li> |
||||
<li class="active"><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> |
||||
<blockquote> |
||||
<p>File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.<br> |
||||
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<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> |
||||
<!-- The file upload form used as target for the file upload widget --> |
||||
<form id="fileupload" action="//jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data"> |
||||
<!-- Redirect browsers with JavaScript disabled to the origin page --> |
||||
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript> |
||||
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --> |
||||
<div class="row fileupload-buttonbar"> |
||||
<div class="col-lg-7"> |
||||
<!-- The fileinput-button span is used to style the file input field as button --> |
||||
<span class="btn btn-success fileinput-button"> |
||||
<i class="glyphicon glyphicon-plus"></i> |
||||
<span>Add files...</span> |
||||
<input type="file" name="files[]" multiple> |
||||
</span> |
||||
<button type="submit" class="btn btn-primary start"> |
||||
<i class="glyphicon glyphicon-upload"></i> |
||||
<span>Start upload</span> |
||||
</button> |
||||
<button type="reset" class="btn btn-warning cancel"> |
||||
<i class="glyphicon glyphicon-ban-circle"></i> |
||||
<span>Cancel upload</span> |
||||
</button> |
||||
<button type="button" class="btn btn-danger delete"> |
||||
<i class="glyphicon glyphicon-trash"></i> |
||||
<span>Delete</span> |
||||
</button> |
||||
<input type="checkbox" class="toggle"> |
||||
<!-- The global file processing state --> |
||||
<span class="fileupload-process"></span> |
||||
</div> |
||||
<!-- The global progress state --> |
||||
<div class="col-lg-5 fileupload-progress fade"> |
||||
<!-- The global progress bar --> |
||||
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"> |
||||
<div class="progress-bar progress-bar-success" style="width:0%;"></div> |
||||
</div> |
||||
<!-- The extended global progress state --> |
||||
<div class="progress-extended"> </div> |
||||
</div> |
||||
</div> |
||||
<!-- The table listing the files available for upload/download --> |
||||
<table role="presentation" class="table table-striped"><tbody class="files"></tbody></table> |
||||
</form> |
||||
<br> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-heading"> |
||||
<h3 class="panel-title">Demo Notes</h3> |
||||
</div> |
||||
<div class="panel-body"> |
||||
<ul> |
||||
<li>The maximum file size for uploads in this demo is <strong>999 KB</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 or less</strong> (demo files are stored in memory).</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 the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- The blueimp Gallery widget --> |
||||
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even"> |
||||
<div class="slides"></div> |
||||
<h3 class="title"></h3> |
||||
<a class="prev">‹</a> |
||||
<a class="next">›</a> |
||||
<a class="close">×</a> |
||||
<a class="play-pause"></a> |
||||
<ol class="indicator"></ol> |
||||
</div> |
||||
<!-- The template to display files available for upload --> |
||||
<script id="template-upload" type="text/x-tmpl"> |
||||
{% for (var i=0, file; file=o.files[i]; i++) { %} |
||||
<tr class="template-upload fade"> |
||||
<td> |
||||
<span class="preview"></span> |
||||
</td> |
||||
<td> |
||||
<p class="name">{%=file.name%}</p> |
||||
<strong class="error text-danger"></strong> |
||||
</td> |
||||
<td> |
||||
<p class="size">Processing...</p> |
||||
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div> |
||||
</td> |
||||
<td> |
||||
{% if (!i && !o.options.autoUpload) { %} |
||||
<button class="btn btn-primary start" disabled> |
||||
<i class="glyphicon glyphicon-upload"></i> |
||||
<span>Start</span> |
||||
</button> |
||||
{% } %} |
||||
{% if (!i) { %} |
||||
<button class="btn btn-warning cancel"> |
||||
<i class="glyphicon glyphicon-ban-circle"></i> |
||||
<span>Cancel</span> |
||||
</button> |
||||
{% } %} |
||||
</td> |
||||
</tr> |
||||
{% } %} |
||||
</script> |
||||
<!-- The template to display files available for download --> |
||||
<script id="template-download" type="text/x-tmpl"> |
||||
{% for (var i=0, file; file=o.files[i]; i++) { %} |
||||
<tr class="template-download fade"> |
||||
<td> |
||||
<span class="preview"> |
||||
{% if (file.thumbnailUrl) { %} |
||||
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a> |
||||
{% } %} |
||||
</span> |
||||
</td> |
||||
<td> |
||||
<p class="name"> |
||||
{% if (file.url) { %} |
||||
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> |
||||
{% } else { %} |
||||
<span>{%=file.name%}</span> |
||||
{% } %} |
||||
</p> |
||||
{% if (file.error) { %} |
||||
<div><span class="label label-danger">Error</span> {%=file.error%}</div> |
||||
{% } %} |
||||
</td> |
||||
<td> |
||||
<span class="size">{%=o.formatFileSize(file.size)%}</span> |
||||
</td> |
||||
<td> |
||||
{% if (file.deleteUrl) { %} |
||||
<button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}> |
||||
<i class="glyphicon glyphicon-trash"></i> |
||||
<span>Delete</span> |
||||
</button> |
||||
<input type="checkbox" name="delete" value="1" class="toggle"> |
||||
{% } else { %} |
||||
<button class="btn btn-warning cancel"> |
||||
<i class="glyphicon glyphicon-ban-circle"></i> |
||||
<span>Cancel</span> |
||||
</button> |
||||
{% } %} |
||||
</td> |
||||
</tr> |
||||
{% } %} |
||||
</script> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
||||
<script src="js/vendor/jquery.ui.widget.js"></script> |
||||
<!-- The Templates plugin is included to render the upload/download listings --> |
||||
<script src="//blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script> |
||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script> |
||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script> |
||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
||||
<!-- blueimp Gallery script --> |
||||
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script> |
||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
||||
<script src="js/jquery.iframe-transport.js"></script> |
||||
<!-- The basic File Upload plugin --> |
||||
<script src="js/jquery.fileupload.js"></script> |
||||
<!-- The File Upload processing plugin --> |
||||
<script src="js/jquery.fileupload-process.js"></script> |
||||
<!-- The File Upload image preview & resize plugin --> |
||||
<script src="js/jquery.fileupload-image.js"></script> |
||||
<!-- The File Upload audio preview plugin --> |
||||
<script src="js/jquery.fileupload-audio.js"></script> |
||||
<!-- The File Upload video preview plugin --> |
||||
<script src="js/jquery.fileupload-video.js"></script> |
||||
<!-- The File Upload validation plugin --> |
||||
<script src="js/jquery.fileupload-validate.js"></script> |
||||
<!-- The File Upload user interface plugin --> |
||||
<script src="js/jquery.fileupload-ui.js"></script> |
||||
<!-- The main application script --> |
||||
<script src="js/main.js"></script> |
||||
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 --> |
||||
<!--[if (gte IE 8)&(lt IE 10)]> |
||||
<script src="js/cors/jquery.xdr-transport.js"></script> |
||||
<![endif]--> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,250 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery File Upload Plugin jQuery UI Demo |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
||||
<!--[if IE]> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<![endif]--> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery File Upload Demo - jQuery UI version</title> |
||||
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. 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."> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<!-- jQuery UI styles --> |
||||
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/dark-hive/jquery-ui.css" id="theme"> |
||||
<!-- Demo styles --> |
||||
<link rel="stylesheet" href="css/demo.css"> |
||||
<!--[if lte IE 8]> |
||||
<link rel="stylesheet" href="css/demo-ie8.css"> |
||||
<![endif]--> |
||||
<style> |
||||
/* Adjust the jQuery UI widget font-size: */ |
||||
.ui-widget { |
||||
font-size: 0.95em; |
||||
} |
||||
</style> |
||||
<!-- blueimp Gallery styles --> |
||||
<link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css"> |
||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
||||
<link rel="stylesheet" href="css/jquery.fileupload.css"> |
||||
<link rel="stylesheet" href="css/jquery.fileupload-ui.css"> |
||||
<!-- CSS adjustments for browsers with JavaScript disabled --> |
||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"></noscript> |
||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"></noscript> |
||||
</head> |
||||
<body> |
||||
<ul class="navigation"> |
||||
<li><h3><a href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a></h3></li> |
||||
<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">© blueimp.net</a></li> |
||||
</ul> |
||||
<h1>jQuery File Upload Demo</h1> |
||||
<h2>jQuery UI version</h2> |
||||
<form> |
||||
<label for="theme-switcher">Theme:</label> |
||||
<select id="theme-switcher" class="pull-right"> |
||||
<option value="black-tie">Black Tie</option> |
||||
<option value="blitzer">Blitzer</option> |
||||
<option value="cupertino">Cupertino</option> |
||||
<option value="dark-hive" selected>Dark Hive</option> |
||||
<option value="dot-luv">Dot Luv</option> |
||||
<option value="eggplant">Eggplant</option> |
||||
<option value="excite-bike">Excite Bike</option> |
||||
<option value="flick">Flick</option> |
||||
<option value="hot-sneaks">Hot sneaks</option> |
||||
<option value="humanity">Humanity</option> |
||||
<option value="le-frog">Le Frog</option> |
||||
<option value="mint-choc">Mint Choc</option> |
||||
<option value="overcast">Overcast</option> |
||||
<option value="pepper-grinder">Pepper Grinder</option> |
||||
<option value="redmond">Redmond</option> |
||||
<option value="smoothness">Smoothness</option> |
||||
<option value="south-street">South Street</option> |
||||
<option value="start">Start</option> |
||||
<option value="sunny">Sunny</option> |
||||
<option value="swanky-purse">Swanky Purse</option> |
||||
<option value="trontastic">Trontastic</option> |
||||
<option value="ui-darkness">UI Darkness</option> |
||||
<option value="ui-lightness">UI Lightness</option> |
||||
<option value="vader">Vader</option> |
||||
</select> |
||||
</form> |
||||
<ul class="navigation"> |
||||
<li><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 class="active"><a href="jquery-ui.html">jQuery UI</a></li> |
||||
</ul> |
||||
<blockquote> |
||||
<p>File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery UI.<br> |
||||
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<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> |
||||
<!-- The file upload form used as target for the file upload widget --> |
||||
<form id="fileupload" action="//jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data"> |
||||
<!-- Redirect browsers with JavaScript disabled to the origin page --> |
||||
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript> |
||||
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --> |
||||
<div class="fileupload-buttonbar"> |
||||
<div class="fileupload-buttons"> |
||||
<!-- The fileinput-button span is used to style the file input field as button --> |
||||
<span class="fileinput-button"> |
||||
<span>Add files...</span> |
||||
<input type="file" name="files[]" multiple> |
||||
</span> |
||||
<button type="submit" class="start">Start upload</button> |
||||
<button type="reset" class="cancel">Cancel upload</button> |
||||
<button type="button" class="delete">Delete</button> |
||||
<input type="checkbox" class="toggle"> |
||||
<!-- The global file processing state --> |
||||
<span class="fileupload-process"></span> |
||||
</div> |
||||
<!-- The global progress state --> |
||||
<div class="fileupload-progress fade" style="display:none"> |
||||
<!-- The global progress bar --> |
||||
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div> |
||||
<!-- The extended global progress state --> |
||||
<div class="progress-extended"> </div> |
||||
</div> |
||||
</div> |
||||
<!-- The table listing the files available for upload/download --> |
||||
<table role="presentation"><tbody class="files"></tbody></table> |
||||
</form> |
||||
<br> |
||||
<h3>Demo Notes</h3> |
||||
<ul> |
||||
<li>The maximum file size for uploads in this demo is <strong>999 KB</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 or less</strong> (demo files are stored in memory).</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="https://jqueryui.com">jQuery UI</a>.</li> |
||||
</ul> |
||||
<!-- The blueimp Gallery widget --> |
||||
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even"> |
||||
<div class="slides"></div> |
||||
<h3 class="title"></h3> |
||||
<a class="prev">‹</a> |
||||
<a class="next">›</a> |
||||
<a class="close">×</a> |
||||
<a class="play-pause"></a> |
||||
<ol class="indicator"></ol> |
||||
</div> |
||||
<!-- The template to display files available for upload --> |
||||
<script id="template-upload" type="text/x-tmpl"> |
||||
{% for (var i=0, file; file=o.files[i]; i++) { %} |
||||
<tr class="template-upload fade"> |
||||
<td> |
||||
<span class="preview"></span> |
||||
</td> |
||||
<td> |
||||
<p class="name">{%=file.name%}</p> |
||||
<strong class="error"></strong> |
||||
</td> |
||||
<td> |
||||
<p class="size">Processing...</p> |
||||
<div class="progress"></div> |
||||
</td> |
||||
<td> |
||||
{% if (!i && !o.options.autoUpload) { %} |
||||
<button class="start" disabled>Start</button> |
||||
{% } %} |
||||
{% if (!i) { %} |
||||
<button class="cancel">Cancel</button> |
||||
{% } %} |
||||
</td> |
||||
</tr> |
||||
{% } %} |
||||
</script> |
||||
<!-- The template to display files available for download --> |
||||
<script id="template-download" type="text/x-tmpl"> |
||||
{% for (var i=0, file; file=o.files[i]; i++) { %} |
||||
<tr class="template-download fade"> |
||||
<td> |
||||
<span class="preview"> |
||||
{% if (file.thumbnailUrl) { %} |
||||
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a> |
||||
{% } %} |
||||
</span> |
||||
</td> |
||||
<td> |
||||
<p class="name"> |
||||
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> |
||||
</p> |
||||
{% if (file.error) { %} |
||||
<div><span class="error">Error</span> {%=file.error%}</div> |
||||
{% } %} |
||||
</td> |
||||
<td> |
||||
<span class="size">{%=o.formatFileSize(file.size)%}</span> |
||||
</td> |
||||
<td> |
||||
<button class="delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>Delete</button> |
||||
<input type="checkbox" name="delete" value="1" class="toggle"> |
||||
</td> |
||||
</tr> |
||||
{% } %} |
||||
</script> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> |
||||
<!-- The Templates plugin is included to render the upload/download listings --> |
||||
<script src="//blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script> |
||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script> |
||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
||||
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script> |
||||
<!-- blueimp Gallery script --> |
||||
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script> |
||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
||||
<script src="js/jquery.iframe-transport.js"></script> |
||||
<!-- The basic File Upload plugin --> |
||||
<script src="js/jquery.fileupload.js"></script> |
||||
<!-- The File Upload processing plugin --> |
||||
<script src="js/jquery.fileupload-process.js"></script> |
||||
<!-- The File Upload image preview & resize plugin --> |
||||
<script src="js/jquery.fileupload-image.js"></script> |
||||
<!-- The File Upload audio preview plugin --> |
||||
<script src="js/jquery.fileupload-audio.js"></script> |
||||
<!-- The File Upload video preview plugin --> |
||||
<script src="js/jquery.fileupload-video.js"></script> |
||||
<!-- The File Upload validation plugin --> |
||||
<script src="js/jquery.fileupload-validate.js"></script> |
||||
<!-- The File Upload user interface plugin --> |
||||
<script src="js/jquery.fileupload-ui.js"></script> |
||||
<!-- The File Upload jQuery UI plugin --> |
||||
<script src="js/jquery.fileupload-jquery-ui.js"></script> |
||||
<!-- The main application script --> |
||||
<script src="js/main.js"></script> |
||||
<script> |
||||
// Initialize the jQuery UI theme switcher: |
||||
$('#theme-switcher').change(function () { |
||||
var theme = $('#theme'); |
||||
theme.prop( |
||||
'href', |
||||
theme.prop('href').replace( |
||||
/[\w\-]+\/jquery-ui.css/, |
||||
$(this).val() + '/jquery-ui.css' |
||||
) |
||||
); |
||||
}); |
||||
</script> |
||||
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 --> |
||||
<!--[if (gte IE 8)&(lt IE 10)]> |
||||
<script src="js/cors/jquery.xdr-transport.js"></script> |
||||
<![endif]--> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,101 @@ |
||||
/* |
||||
* jQuery File Upload Plugin Angular JS Example |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global window, angular */ |
||||
|
||||
;(function () { |
||||
'use strict'; |
||||
|
||||
var isOnGitHub = window.location.hostname === 'blueimp.github.io', |
||||
url = isOnGitHub ? '//jquery-file-upload.appspot.com/' : 'server/php/'; |
||||
|
||||
angular.module('demo', [ |
||||
'blueimp.fileupload' |
||||
]) |
||||
.config([ |
||||
'$httpProvider', 'fileUploadProvider', |
||||
function ($httpProvider, fileUploadProvider) { |
||||
delete $httpProvider.defaults.headers.common['X-Requested-With']; |
||||
fileUploadProvider.defaults.redirect = window.location.href.replace( |
||||
/\/[^\/]*$/, |
||||
'/cors/result.html?%s' |
||||
); |
||||
if (isOnGitHub) { |
||||
// Demo settings:
|
||||
angular.extend(fileUploadProvider.defaults, { |
||||
// Enable image resizing, except for Android and Opera,
|
||||
// which actually support image resizing, but fail to
|
||||
// send Blob objects via XHR requests:
|
||||
disableImageResize: /Android(?!.*Chrome)|Opera/ |
||||
.test(window.navigator.userAgent), |
||||
maxFileSize: 999000, |
||||
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i |
||||
}); |
||||
} |
||||
} |
||||
]) |
||||
|
||||
.controller('DemoFileUploadController', [ |
||||
'$scope', '$http', '$filter', '$window', |
||||
function ($scope, $http) { |
||||
$scope.options = { |
||||
url: url |
||||
}; |
||||
if (!isOnGitHub) { |
||||
$scope.loadingFiles = true; |
||||
$http.get(url) |
||||
.then( |
||||
function (response) { |
||||
$scope.loadingFiles = false; |
||||
$scope.queue = response.data.files || []; |
||||
}, |
||||
function () { |
||||
$scope.loadingFiles = false; |
||||
} |
||||
); |
||||
} |
||||
} |
||||
]) |
||||
|
||||
.controller('FileDestroyController', [ |
||||
'$scope', '$http', |
||||
function ($scope, $http) { |
||||
var file = $scope.file, |
||||
state; |
||||
if (file.url) { |
||||
file.$state = function () { |
||||
return state; |
||||
}; |
||||
file.$destroy = function () { |
||||
state = 'pending'; |
||||
return $http({ |
||||
url: file.deleteUrl, |
||||
method: file.deleteType |
||||
}).then( |
||||
function () { |
||||
state = 'resolved'; |
||||
$scope.clear(file); |
||||
}, |
||||
function () { |
||||
state = 'rejected'; |
||||
} |
||||
); |
||||
}; |
||||
} else if (!file.$cancel && !file._index) { |
||||
file.$cancel = function () { |
||||
$scope.clear(file); |
||||
}; |
||||
} |
||||
} |
||||
]); |
||||
|
||||
}()); |
||||
@ -0,0 +1,126 @@ |
||||
/* |
||||
* jQuery postMessage Transport Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2011, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* global define, require, window, document */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define(['jquery'], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals:
|
||||
factory(window.jQuery); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
|
||||
var counter = 0, |
||||
names = [ |
||||
'accepts', |
||||
'cache', |
||||
'contents', |
||||
'contentType', |
||||
'crossDomain', |
||||
'data', |
||||
'dataType', |
||||
'headers', |
||||
'ifModified', |
||||
'mimeType', |
||||
'password', |
||||
'processData', |
||||
'timeout', |
||||
'traditional', |
||||
'type', |
||||
'url', |
||||
'username' |
||||
], |
||||
convert = function (p) { |
||||
return p; |
||||
}; |
||||
|
||||
$.ajaxSetup({ |
||||
converters: { |
||||
'postmessage text': convert, |
||||
'postmessage json': convert, |
||||
'postmessage html': convert |
||||
} |
||||
}); |
||||
|
||||
$.ajaxTransport('postmessage', function (options) { |
||||
if (options.postMessage && window.postMessage) { |
||||
var iframe, |
||||
loc = $('<a>').prop('href', options.postMessage)[0], |
||||
target = loc.protocol + '//' + loc.host, |
||||
xhrUpload = options.xhr().upload; |
||||
// IE always includes the port for the host property of a link
|
||||
// element, but not in the location.host or origin property for the
|
||||
// default http port 80 and https port 443, so we strip it:
|
||||
if (/^(http:\/\/.+:80)|(https:\/\/.+:443)$/.test(target)) { |
||||
target = target.replace(/:(80|443)$/, ''); |
||||
} |
||||
return { |
||||
send: function (_, completeCallback) { |
||||
counter += 1; |
||||
var message = { |
||||
id: 'postmessage-transport-' + counter |
||||
}, |
||||
eventName = 'message.' + message.id; |
||||
iframe = $( |
||||
'<iframe style="display:none;" src="' + |
||||
options.postMessage + '" name="' + |
||||
message.id + '"></iframe>' |
||||
).bind('load', function () { |
||||
$.each(names, function (i, name) { |
||||
message[name] = options[name]; |
||||
}); |
||||
message.dataType = message.dataType.replace('postmessage ', ''); |
||||
$(window).bind(eventName, function (e) { |
||||
e = e.originalEvent; |
||||
var data = e.data, |
||||
ev; |
||||
if (e.origin === target && data.id === message.id) { |
||||
if (data.type === 'progress') { |
||||
ev = document.createEvent('Event'); |
||||
ev.initEvent(data.type, false, true); |
||||
$.extend(ev, data); |
||||
xhrUpload.dispatchEvent(ev); |
||||
} else { |
||||
completeCallback( |
||||
data.status, |
||||
data.statusText, |
||||
{postmessage: data.result}, |
||||
data.headers |
||||
); |
||||
iframe.remove(); |
||||
$(window).unbind(eventName); |
||||
} |
||||
} |
||||
}); |
||||
iframe[0].contentWindow.postMessage( |
||||
message, |
||||
target |
||||
); |
||||
}).appendTo(document.body); |
||||
}, |
||||
abort: function () { |
||||
if (iframe) { |
||||
iframe.remove(); |
||||
} |
||||
} |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,89 @@ |
||||
/* |
||||
* jQuery XDomainRequest Transport Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2011, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
* |
||||
* Based on Julian Aubourg's ajaxHooks xdr.js: |
||||
* https://github.com/jaubourg/ajaxHooks/
|
||||
*/ |
||||
|
||||
/* global define, require, window, XDomainRequest */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define(['jquery'], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals:
|
||||
factory(window.jQuery); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
if (window.XDomainRequest && !$.support.cors) { |
||||
$.ajaxTransport(function (s) { |
||||
if (s.crossDomain && s.async) { |
||||
if (s.timeout) { |
||||
s.xdrTimeout = s.timeout; |
||||
delete s.timeout; |
||||
} |
||||
var xdr; |
||||
return { |
||||
send: function (headers, completeCallback) { |
||||
var addParamChar = /\?/.test(s.url) ? '&' : '?'; |
||||
function callback(status, statusText, responses, responseHeaders) { |
||||
xdr.onload = xdr.onerror = xdr.ontimeout = $.noop; |
||||
xdr = null; |
||||
completeCallback(status, statusText, responses, responseHeaders); |
||||
} |
||||
xdr = new XDomainRequest(); |
||||
// XDomainRequest only supports GET and POST:
|
||||
if (s.type === 'DELETE') { |
||||
s.url = s.url + addParamChar + '_method=DELETE'; |
||||
s.type = 'POST'; |
||||
} else if (s.type === 'PUT') { |
||||
s.url = s.url + addParamChar + '_method=PUT'; |
||||
s.type = 'POST'; |
||||
} else if (s.type === 'PATCH') { |
||||
s.url = s.url + addParamChar + '_method=PATCH'; |
||||
s.type = 'POST'; |
||||
} |
||||
xdr.open(s.type, s.url); |
||||
xdr.onload = function () { |
||||
callback( |
||||
200, |
||||
'OK', |
||||
{text: xdr.responseText}, |
||||
'Content-Type: ' + xdr.contentType |
||||
); |
||||
}; |
||||
xdr.onerror = function () { |
||||
callback(404, 'Not Found'); |
||||
}; |
||||
if (s.xdrTimeout) { |
||||
xdr.ontimeout = function () { |
||||
callback(0, 'timeout'); |
||||
}; |
||||
xdr.timeout = s.xdrTimeout; |
||||
} |
||||
xdr.send((s.hasContent && s.data) || null); |
||||
}, |
||||
abort: function () { |
||||
if (xdr) { |
||||
xdr.onerror = $.noop(); |
||||
xdr.abort(); |
||||
} |
||||
} |
||||
}; |
||||
} |
||||
}); |
||||
} |
||||
})); |
||||
@ -0,0 +1,425 @@ |
||||
/* |
||||
* jQuery File Upload AngularJS Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global define, angular */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define([ |
||||
'jquery', |
||||
'angular', |
||||
'./jquery.fileupload-image', |
||||
'./jquery.fileupload-audio', |
||||
'./jquery.fileupload-video', |
||||
'./jquery.fileupload-validate' |
||||
], factory); |
||||
} else { |
||||
factory(); |
||||
} |
||||
}(function () { |
||||
'use strict'; |
||||
|
||||
angular.module('blueimp.fileupload', []) |
||||
|
||||
// The fileUpload service provides configuration options
|
||||
// for the fileUpload directive and default handlers for
|
||||
// File Upload events:
|
||||
.provider('fileUpload', function () { |
||||
var scopeEvalAsync = function (expression) { |
||||
var scope = angular.element(this) |
||||
.fileupload('option', 'scope'); |
||||
// Schedule a new $digest cycle if not already inside of one
|
||||
// and evaluate the given expression:
|
||||
scope.$evalAsync(expression); |
||||
}, |
||||
addFileMethods = function (scope, data) { |
||||
var files = data.files, |
||||
file = files[0]; |
||||
angular.forEach(files, function (file, index) { |
||||
file._index = index; |
||||
file.$state = function () { |
||||
return data.state(); |
||||
}; |
||||
file.$processing = function () { |
||||
return data.processing(); |
||||
}; |
||||
file.$progress = function () { |
||||
return data.progress(); |
||||
}; |
||||
file.$response = function () { |
||||
return data.response(); |
||||
}; |
||||
}); |
||||
file.$submit = function () { |
||||
if (!file.error) { |
||||
return data.submit(); |
||||
} |
||||
}; |
||||
file.$cancel = function () { |
||||
return data.abort(); |
||||
}; |
||||
}, |
||||
$config; |
||||
$config = this.defaults = { |
||||
handleResponse: function (e, data) { |
||||
var files = data.result && data.result.files; |
||||
if (files) { |
||||
data.scope.replace(data.files, files); |
||||
} else if (data.errorThrown || |
||||
data.textStatus === 'error') { |
||||
data.files[0].error = data.errorThrown || |
||||
data.textStatus; |
||||
} |
||||
}, |
||||
add: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var scope = data.scope, |
||||
filesCopy = []; |
||||
angular.forEach(data.files, function (file) { |
||||
filesCopy.push(file); |
||||
}); |
||||
scope.$parent.$applyAsync(function () { |
||||
addFileMethods(scope, data); |
||||
var method = scope.option('prependFiles') ? |
||||
'unshift' : 'push'; |
||||
Array.prototype[method].apply(scope.queue, data.files); |
||||
}); |
||||
data.process(function () { |
||||
return scope.process(data); |
||||
}).always(function () { |
||||
scope.$parent.$applyAsync(function () { |
||||
addFileMethods(scope, data); |
||||
scope.replace(filesCopy, data.files); |
||||
}); |
||||
}).then(function () { |
||||
if ((scope.option('autoUpload') || |
||||
data.autoUpload) && |
||||
data.autoUpload !== false) { |
||||
data.submit(); |
||||
} |
||||
}); |
||||
}, |
||||
done: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = this; |
||||
data.scope.$apply(function () { |
||||
data.handleResponse.call(that, e, data); |
||||
}); |
||||
}, |
||||
fail: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = this, |
||||
scope = data.scope; |
||||
if (data.errorThrown === 'abort') { |
||||
scope.clear(data.files); |
||||
return; |
||||
} |
||||
scope.$apply(function () { |
||||
data.handleResponse.call(that, e, data); |
||||
}); |
||||
}, |
||||
stop: scopeEvalAsync, |
||||
processstart: scopeEvalAsync, |
||||
processstop: scopeEvalAsync, |
||||
getNumberOfFiles: function () { |
||||
var scope = this.scope; |
||||
return scope.queue.length - scope.processing(); |
||||
}, |
||||
dataType: 'json', |
||||
autoUpload: false |
||||
}; |
||||
this.$get = [ |
||||
function () { |
||||
return { |
||||
defaults: $config |
||||
}; |
||||
} |
||||
]; |
||||
}) |
||||
|
||||
// Format byte numbers to readable presentations:
|
||||
.provider('formatFileSizeFilter', function () { |
||||
var $config = { |
||||
// Byte units following the IEC format
|
||||
// http://en.wikipedia.org/wiki/Kilobyte
|
||||
units: [ |
||||
{size: 1000000000, suffix: ' GB'}, |
||||
{size: 1000000, suffix: ' MB'}, |
||||
{size: 1000, suffix: ' KB'} |
||||
] |
||||
}; |
||||
this.defaults = $config; |
||||
this.$get = function () { |
||||
return function (bytes) { |
||||
if (!angular.isNumber(bytes)) { |
||||
return ''; |
||||
} |
||||
var unit = true, |
||||
i = 0, |
||||
prefix, |
||||
suffix; |
||||
while (unit) { |
||||
unit = $config.units[i]; |
||||
prefix = unit.prefix || ''; |
||||
suffix = unit.suffix || ''; |
||||
if (i === $config.units.length - 1 || bytes >= unit.size) { |
||||
return prefix + (bytes / unit.size).toFixed(2) + suffix; |
||||
} |
||||
i += 1; |
||||
} |
||||
}; |
||||
}; |
||||
}) |
||||
|
||||
// The FileUploadController initializes the fileupload widget and
|
||||
// provides scope methods to control the File Upload functionality:
|
||||
.controller('FileUploadController', [ |
||||
'$scope', '$element', '$attrs', '$window', 'fileUpload', |
||||
function ($scope, $element, $attrs, $window, fileUpload) { |
||||
var uploadMethods = { |
||||
progress: function () { |
||||
return $element.fileupload('progress'); |
||||
}, |
||||
active: function () { |
||||
return $element.fileupload('active'); |
||||
}, |
||||
option: function (option, data) { |
||||
if (arguments.length === 1) { |
||||
return $element.fileupload('option', option); |
||||
} |
||||
$element.fileupload('option', option, data); |
||||
}, |
||||
add: function (data) { |
||||
return $element.fileupload('add', data); |
||||
}, |
||||
send: function (data) { |
||||
return $element.fileupload('send', data); |
||||
}, |
||||
process: function (data) { |
||||
return $element.fileupload('process', data); |
||||
}, |
||||
processing: function (data) { |
||||
return $element.fileupload('processing', data); |
||||
} |
||||
}; |
||||
$scope.disabled = !$window.jQuery.support.fileInput; |
||||
$scope.queue = $scope.queue || []; |
||||
$scope.clear = function (files) { |
||||
var queue = this.queue, |
||||
i = queue.length, |
||||
file = files, |
||||
length = 1; |
||||
if (angular.isArray(files)) { |
||||
file = files[0]; |
||||
length = files.length; |
||||
} |
||||
while (i) { |
||||
i -= 1; |
||||
if (queue[i] === file) { |
||||
return queue.splice(i, length); |
||||
} |
||||
} |
||||
}; |
||||
$scope.replace = function (oldFiles, newFiles) { |
||||
var queue = this.queue, |
||||
file = oldFiles[0], |
||||
i, |
||||
j; |
||||
for (i = 0; i < queue.length; i += 1) { |
||||
if (queue[i] === file) { |
||||
for (j = 0; j < newFiles.length; j += 1) { |
||||
queue[i + j] = newFiles[j]; |
||||
} |
||||
return; |
||||
} |
||||
} |
||||
}; |
||||
$scope.applyOnQueue = function (method) { |
||||
var list = this.queue.slice(0), |
||||
i, |
||||
file; |
||||
for (i = 0; i < list.length; i += 1) { |
||||
file = list[i]; |
||||
if (file[method]) { |
||||
file[method](); |
||||
} |
||||
} |
||||
}; |
||||
$scope.submit = function () { |
||||
this.applyOnQueue('$submit'); |
||||
}; |
||||
$scope.cancel = function () { |
||||
this.applyOnQueue('$cancel'); |
||||
}; |
||||
// Add upload methods to the scope:
|
||||
angular.extend($scope, uploadMethods); |
||||
// The fileupload widget will initialize with
|
||||
// the options provided via "data-"-parameters,
|
||||
// as well as those given via options object:
|
||||
$element.fileupload(angular.extend( |
||||
{scope: $scope}, |
||||
fileUpload.defaults |
||||
)).on('fileuploadadd', function (e, data) { |
||||
data.scope = $scope; |
||||
}).on('fileuploadfail', function (e, data) { |
||||
if (data.errorThrown === 'abort') { |
||||
return; |
||||
} |
||||
if (data.dataType && |
||||
data.dataType.indexOf('json') === data.dataType.length - 4) { |
||||
try { |
||||
data.result = angular.fromJson(data.jqXHR.responseText); |
||||
} catch (ignore) {} |
||||
} |
||||
}).on([ |
||||
'fileuploadadd', |
||||
'fileuploadsubmit', |
||||
'fileuploadsend', |
||||
'fileuploaddone', |
||||
'fileuploadfail', |
||||
'fileuploadalways', |
||||
'fileuploadprogress', |
||||
'fileuploadprogressall', |
||||
'fileuploadstart', |
||||
'fileuploadstop', |
||||
'fileuploadchange', |
||||
'fileuploadpaste', |
||||
'fileuploaddrop', |
||||
'fileuploaddragover', |
||||
'fileuploadchunksend', |
||||
'fileuploadchunkdone', |
||||
'fileuploadchunkfail', |
||||
'fileuploadchunkalways', |
||||
'fileuploadprocessstart', |
||||
'fileuploadprocess', |
||||
'fileuploadprocessdone', |
||||
'fileuploadprocessfail', |
||||
'fileuploadprocessalways', |
||||
'fileuploadprocessstop' |
||||
].join(' '), function (e, data) { |
||||
$scope.$parent.$applyAsync(function () { |
||||
if ($scope.$emit(e.type, data).defaultPrevented) { |
||||
e.preventDefault(); |
||||
} |
||||
}); |
||||
}).on('remove', function () { |
||||
// Remove upload methods from the scope,
|
||||
// when the widget is removed:
|
||||
var method; |
||||
for (method in uploadMethods) { |
||||
if (uploadMethods.hasOwnProperty(method)) { |
||||
delete $scope[method]; |
||||
} |
||||
} |
||||
}); |
||||
// Observe option changes:
|
||||
$scope.$watch( |
||||
$attrs.fileUpload, |
||||
function (newOptions) { |
||||
if (newOptions) { |
||||
$element.fileupload('option', newOptions); |
||||
} |
||||
} |
||||
); |
||||
} |
||||
]) |
||||
|
||||
// Provide File Upload progress feedback:
|
||||
.controller('FileUploadProgressController', [ |
||||
'$scope', '$attrs', '$parse', |
||||
function ($scope, $attrs, $parse) { |
||||
var fn = $parse($attrs.fileUploadProgress), |
||||
update = function () { |
||||
var progress = fn($scope); |
||||
if (!progress || !progress.total) { |
||||
return; |
||||
} |
||||
$scope.num = Math.floor( |
||||
progress.loaded / progress.total * 100 |
||||
); |
||||
}; |
||||
update(); |
||||
$scope.$watch( |
||||
$attrs.fileUploadProgress + '.loaded', |
||||
function (newValue, oldValue) { |
||||
if (newValue !== oldValue) { |
||||
update(); |
||||
} |
||||
} |
||||
); |
||||
} |
||||
]) |
||||
|
||||
// Display File Upload previews:
|
||||
.controller('FileUploadPreviewController', [ |
||||
'$scope', '$element', '$attrs', |
||||
function ($scope, $element, $attrs) { |
||||
$scope.$watch( |
||||
$attrs.fileUploadPreview + '.preview', |
||||
function (preview) { |
||||
$element.empty(); |
||||
if (preview) { |
||||
$element.append(preview); |
||||
} |
||||
} |
||||
); |
||||
} |
||||
]) |
||||
|
||||
.directive('fileUpload', function () { |
||||
return { |
||||
controller: 'FileUploadController', |
||||
scope: true |
||||
}; |
||||
}) |
||||
|
||||
.directive('fileUploadProgress', function () { |
||||
return { |
||||
controller: 'FileUploadProgressController', |
||||
scope: true |
||||
}; |
||||
}) |
||||
|
||||
.directive('fileUploadPreview', function () { |
||||
return { |
||||
controller: 'FileUploadPreviewController' |
||||
}; |
||||
}) |
||||
|
||||
// Enhance the HTML5 download attribute to
|
||||
// allow drag&drop of files to the desktop:
|
||||
.directive('download', function () { |
||||
return function (scope, elm) { |
||||
elm.on('dragstart', function (e) { |
||||
try { |
||||
e.originalEvent.dataTransfer.setData( |
||||
'DownloadURL', |
||||
[ |
||||
'application/octet-stream', |
||||
elm.prop('download'), |
||||
elm.prop('href') |
||||
].join(':') |
||||
); |
||||
} catch (ignore) {} |
||||
}); |
||||
}; |
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,112 @@ |
||||
/* |
||||
* jQuery File Upload Audio Preview Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global define, require, window, document */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define([ |
||||
'jquery', |
||||
'load-image', |
||||
'./jquery.fileupload-process' |
||||
], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory( |
||||
require('jquery'), |
||||
require('load-image') |
||||
); |
||||
} else { |
||||
// Browser globals:
|
||||
factory( |
||||
window.jQuery, |
||||
window.loadImage |
||||
); |
||||
} |
||||
}(function ($, loadImage) { |
||||
'use strict'; |
||||
|
||||
// Prepend to the default processQueue:
|
||||
$.blueimp.fileupload.prototype.options.processQueue.unshift( |
||||
{ |
||||
action: 'loadAudio', |
||||
// Use the action as prefix for the "@" options:
|
||||
prefix: true, |
||||
fileTypes: '@', |
||||
maxFileSize: '@', |
||||
disabled: '@disableAudioPreview' |
||||
}, |
||||
{ |
||||
action: 'setAudio', |
||||
name: '@audioPreviewName', |
||||
disabled: '@disableAudioPreview' |
||||
} |
||||
); |
||||
|
||||
// The File Upload Audio Preview plugin extends the fileupload widget
|
||||
// with audio preview functionality:
|
||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
||||
|
||||
options: { |
||||
// The regular expression for the types of audio files to load,
|
||||
// matched against the file type:
|
||||
loadAudioFileTypes: /^audio\/.*$/ |
||||
}, |
||||
|
||||
_audioElement: document.createElement('audio'), |
||||
|
||||
processActions: { |
||||
|
||||
// Loads the audio file given via data.files and data.index
|
||||
// as audio element if the browser supports playing it.
|
||||
// Accepts the options fileTypes (regular expression)
|
||||
// and maxFileSize (integer) to limit the files to load:
|
||||
loadAudio: function (data, options) { |
||||
if (options.disabled) { |
||||
return data; |
||||
} |
||||
var file = data.files[data.index], |
||||
url, |
||||
audio; |
||||
if (this._audioElement.canPlayType && |
||||
this._audioElement.canPlayType(file.type) && |
||||
($.type(options.maxFileSize) !== 'number' || |
||||
file.size <= options.maxFileSize) && |
||||
(!options.fileTypes || |
||||
options.fileTypes.test(file.type))) { |
||||
url = loadImage.createObjectURL(file); |
||||
if (url) { |
||||
audio = this._audioElement.cloneNode(false); |
||||
audio.src = url; |
||||
audio.controls = true; |
||||
data.audio = audio; |
||||
return data; |
||||
} |
||||
} |
||||
return data; |
||||
}, |
||||
|
||||
// Sets the audio element as a property of the file object:
|
||||
setAudio: function (data, options) { |
||||
if (data.audio && !options.disabled) { |
||||
data.files[data.index][options.name || 'preview'] = data.audio; |
||||
} |
||||
return data; |
||||
} |
||||
|
||||
} |
||||
|
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,324 @@ |
||||
/* |
||||
* jQuery File Upload Image Preview & Resize Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global define, require, window, Blob */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define([ |
||||
'jquery', |
||||
'load-image', |
||||
'load-image-meta', |
||||
'load-image-exif', |
||||
'canvas-to-blob', |
||||
'./jquery.fileupload-process' |
||||
], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory( |
||||
require('jquery'), |
||||
require('blueimp-load-image/js/load-image'), |
||||
require('blueimp-load-image/js/load-image-meta'), |
||||
require('blueimp-load-image/js/load-image-exif'), |
||||
require('blueimp-canvas-to-blob'), |
||||
require('./jquery.fileupload-process') |
||||
); |
||||
} else { |
||||
// Browser globals:
|
||||
factory( |
||||
window.jQuery, |
||||
window.loadImage |
||||
); |
||||
} |
||||
}(function ($, loadImage) { |
||||
'use strict'; |
||||
|
||||
// Prepend to the default processQueue:
|
||||
$.blueimp.fileupload.prototype.options.processQueue.unshift( |
||||
{ |
||||
action: 'loadImageMetaData', |
||||
disableImageHead: '@', |
||||
disableExif: '@', |
||||
disableExifThumbnail: '@', |
||||
disableExifSub: '@', |
||||
disableExifGps: '@', |
||||
disabled: '@disableImageMetaDataLoad' |
||||
}, |
||||
{ |
||||
action: 'loadImage', |
||||
// Use the action as prefix for the "@" options:
|
||||
prefix: true, |
||||
fileTypes: '@', |
||||
maxFileSize: '@', |
||||
noRevoke: '@', |
||||
disabled: '@disableImageLoad' |
||||
}, |
||||
{ |
||||
action: 'resizeImage', |
||||
// Use "image" as prefix for the "@" options:
|
||||
prefix: 'image', |
||||
maxWidth: '@', |
||||
maxHeight: '@', |
||||
minWidth: '@', |
||||
minHeight: '@', |
||||
crop: '@', |
||||
orientation: '@', |
||||
forceResize: '@', |
||||
disabled: '@disableImageResize' |
||||
}, |
||||
{ |
||||
action: 'saveImage', |
||||
quality: '@imageQuality', |
||||
type: '@imageType', |
||||
disabled: '@disableImageResize' |
||||
}, |
||||
{ |
||||
action: 'saveImageMetaData', |
||||
disabled: '@disableImageMetaDataSave' |
||||
}, |
||||
{ |
||||
action: 'resizeImage', |
||||
// Use "preview" as prefix for the "@" options:
|
||||
prefix: 'preview', |
||||
maxWidth: '@', |
||||
maxHeight: '@', |
||||
minWidth: '@', |
||||
minHeight: '@', |
||||
crop: '@', |
||||
orientation: '@', |
||||
thumbnail: '@', |
||||
canvas: '@', |
||||
disabled: '@disableImagePreview' |
||||
}, |
||||
{ |
||||
action: 'setImage', |
||||
name: '@imagePreviewName', |
||||
disabled: '@disableImagePreview' |
||||
}, |
||||
{ |
||||
action: 'deleteImageReferences', |
||||
disabled: '@disableImageReferencesDeletion' |
||||
} |
||||
); |
||||
|
||||
// The File Upload Resize plugin extends the fileupload widget
|
||||
// with image resize functionality:
|
||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
||||
|
||||
options: { |
||||
// The regular expression for the types of images to load:
|
||||
// matched against the file type:
|
||||
loadImageFileTypes: /^image\/(gif|jpeg|png|svg\+xml)$/, |
||||
// The maximum file size of images to load:
|
||||
loadImageMaxFileSize: 10000000, // 10MB
|
||||
// The maximum width of resized images:
|
||||
imageMaxWidth: 1920, |
||||
// The maximum height of resized images:
|
||||
imageMaxHeight: 1080, |
||||
// Defines the image orientation (1-8) or takes the orientation
|
||||
// value from Exif data if set to true:
|
||||
imageOrientation: false, |
||||
// Define if resized images should be cropped or only scaled:
|
||||
imageCrop: false, |
||||
// Disable the resize image functionality by default:
|
||||
disableImageResize: true, |
||||
// The maximum width of the preview images:
|
||||
previewMaxWidth: 80, |
||||
// The maximum height of the preview images:
|
||||
previewMaxHeight: 80, |
||||
// Defines the preview orientation (1-8) or takes the orientation
|
||||
// value from Exif data if set to true:
|
||||
previewOrientation: true, |
||||
// Create the preview using the Exif data thumbnail:
|
||||
previewThumbnail: true, |
||||
// Define if preview images should be cropped or only scaled:
|
||||
previewCrop: false, |
||||
// Define if preview images should be resized as canvas elements:
|
||||
previewCanvas: true |
||||
}, |
||||
|
||||
processActions: { |
||||
|
||||
// Loads the image given via data.files and data.index
|
||||
// as img element, if the browser supports the File API.
|
||||
// Accepts the options fileTypes (regular expression)
|
||||
// and maxFileSize (integer) to limit the files to load:
|
||||
loadImage: function (data, options) { |
||||
if (options.disabled) { |
||||
return data; |
||||
} |
||||
var that = this, |
||||
file = data.files[data.index], |
||||
dfd = $.Deferred(); |
||||
if (($.type(options.maxFileSize) === 'number' && |
||||
file.size > options.maxFileSize) || |
||||
(options.fileTypes && |
||||
!options.fileTypes.test(file.type)) || |
||||
!loadImage( |
||||
file, |
||||
function (img) { |
||||
if (img.src) { |
||||
data.img = img; |
||||
} |
||||
dfd.resolveWith(that, [data]); |
||||
}, |
||||
options |
||||
)) { |
||||
return data; |
||||
} |
||||
return dfd.promise(); |
||||
}, |
||||
|
||||
// Resizes the image given as data.canvas or data.img
|
||||
// and updates data.canvas or data.img with the resized image.
|
||||
// Also stores the resized image as preview property.
|
||||
// Accepts the options maxWidth, maxHeight, minWidth,
|
||||
// minHeight, canvas and crop:
|
||||
resizeImage: function (data, options) { |
||||
if (options.disabled || !(data.canvas || data.img)) { |
||||
return data; |
||||
} |
||||
options = $.extend({canvas: true}, options); |
||||
var that = this, |
||||
dfd = $.Deferred(), |
||||
img = (options.canvas && data.canvas) || data.img, |
||||
resolve = function (newImg) { |
||||
if (newImg && (newImg.width !== img.width || |
||||
newImg.height !== img.height || |
||||
options.forceResize)) { |
||||
data[newImg.getContext ? 'canvas' : 'img'] = newImg; |
||||
} |
||||
data.preview = newImg; |
||||
dfd.resolveWith(that, [data]); |
||||
}, |
||||
thumbnail; |
||||
if (data.exif) { |
||||
if (options.orientation === true) { |
||||
options.orientation = data.exif.get('Orientation'); |
||||
} |
||||
if (options.thumbnail) { |
||||
thumbnail = data.exif.get('Thumbnail'); |
||||
if (thumbnail) { |
||||
loadImage(thumbnail, resolve, options); |
||||
return dfd.promise(); |
||||
} |
||||
} |
||||
// Prevent orienting the same image twice:
|
||||
if (data.orientation) { |
||||
delete options.orientation; |
||||
} else { |
||||
data.orientation = options.orientation; |
||||
} |
||||
} |
||||
if (img) { |
||||
resolve(loadImage.scale(img, options)); |
||||
return dfd.promise(); |
||||
} |
||||
return data; |
||||
}, |
||||
|
||||
// Saves the processed image given as data.canvas
|
||||
// inplace at data.index of data.files:
|
||||
saveImage: function (data, options) { |
||||
if (!data.canvas || options.disabled) { |
||||
return data; |
||||
} |
||||
var that = this, |
||||
file = data.files[data.index], |
||||
dfd = $.Deferred(); |
||||
if (data.canvas.toBlob) { |
||||
data.canvas.toBlob( |
||||
function (blob) { |
||||
if (!blob.name) { |
||||
if (file.type === blob.type) { |
||||
blob.name = file.name; |
||||
} else if (file.name) { |
||||
blob.name = file.name.replace( |
||||
/\.\w+$/, |
||||
'.' + blob.type.substr(6) |
||||
); |
||||
} |
||||
} |
||||
// Don't restore invalid meta data:
|
||||
if (file.type !== blob.type) { |
||||
delete data.imageHead; |
||||
} |
||||
// Store the created blob at the position
|
||||
// of the original file in the files list:
|
||||
data.files[data.index] = blob; |
||||
dfd.resolveWith(that, [data]); |
||||
}, |
||||
options.type || file.type, |
||||
options.quality |
||||
); |
||||
} else { |
||||
return data; |
||||
} |
||||
return dfd.promise(); |
||||
}, |
||||
|
||||
loadImageMetaData: function (data, options) { |
||||
if (options.disabled) { |
||||
return data; |
||||
} |
||||
var that = this, |
||||
dfd = $.Deferred(); |
||||
loadImage.parseMetaData(data.files[data.index], function (result) { |
||||
$.extend(data, result); |
||||
dfd.resolveWith(that, [data]); |
||||
}, options); |
||||
return dfd.promise(); |
||||
}, |
||||
|
||||
saveImageMetaData: function (data, options) { |
||||
if (!(data.imageHead && data.canvas && |
||||
data.canvas.toBlob && !options.disabled)) { |
||||
return data; |
||||
} |
||||
var file = data.files[data.index], |
||||
blob = new Blob([ |
||||
data.imageHead, |
||||
// Resized images always have a head size of 20 bytes,
|
||||
// including the JPEG marker and a minimal JFIF header:
|
||||
this._blobSlice.call(file, 20) |
||||
], {type: file.type}); |
||||
blob.name = file.name; |
||||
data.files[data.index] = blob; |
||||
return data; |
||||
}, |
||||
|
||||
// Sets the resized version of the image as a property of the
|
||||
// file object, must be called after "saveImage":
|
||||
setImage: function (data, options) { |
||||
if (data.preview && !options.disabled) { |
||||
data.files[data.index][options.name || 'preview'] = data.preview; |
||||
} |
||||
return data; |
||||
}, |
||||
|
||||
deleteImageReferences: function (data, options) { |
||||
if (!options.disabled) { |
||||
delete data.img; |
||||
delete data.canvas; |
||||
delete data.preview; |
||||
delete data.imageHead; |
||||
} |
||||
return data; |
||||
} |
||||
|
||||
} |
||||
|
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,155 @@ |
||||
/* |
||||
* jQuery File Upload jQuery UI Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global define, require, window */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define(['jquery', './jquery.fileupload-ui'], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals:
|
||||
factory(window.jQuery); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
|
||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
||||
|
||||
options: { |
||||
processdone: function (e, data) { |
||||
data.context.find('.start').button('enable'); |
||||
}, |
||||
progress: function (e, data) { |
||||
if (data.context) { |
||||
data.context.find('.progress').progressbar( |
||||
'option', |
||||
'value', |
||||
parseInt(data.loaded / data.total * 100, 10) |
||||
); |
||||
} |
||||
}, |
||||
progressall: function (e, data) { |
||||
var $this = $(this); |
||||
$this.find('.fileupload-progress') |
||||
.find('.progress').progressbar( |
||||
'option', |
||||
'value', |
||||
parseInt(data.loaded / data.total * 100, 10) |
||||
).end() |
||||
.find('.progress-extended').each(function () { |
||||
$(this).html( |
||||
($this.data('blueimp-fileupload') || |
||||
$this.data('fileupload')) |
||||
._renderExtendedProgress(data) |
||||
); |
||||
}); |
||||
} |
||||
}, |
||||
|
||||
_renderUpload: function (func, files) { |
||||
var node = this._super(func, files), |
||||
showIconText = $(window).width() > 480; |
||||
node.find('.progress').empty().progressbar(); |
||||
node.find('.start').button({ |
||||
icons: {primary: 'ui-icon-circle-arrow-e'}, |
||||
text: showIconText |
||||
}); |
||||
node.find('.cancel').button({ |
||||
icons: {primary: 'ui-icon-cancel'}, |
||||
text: showIconText |
||||
}); |
||||
if (node.hasClass('fade')) { |
||||
node.hide(); |
||||
} |
||||
return node; |
||||
}, |
||||
|
||||
_renderDownload: function (func, files) { |
||||
var node = this._super(func, files), |
||||
showIconText = $(window).width() > 480; |
||||
node.find('.delete').button({ |
||||
icons: {primary: 'ui-icon-trash'}, |
||||
text: showIconText |
||||
}); |
||||
if (node.hasClass('fade')) { |
||||
node.hide(); |
||||
} |
||||
return node; |
||||
}, |
||||
|
||||
_startHandler: function (e) { |
||||
$(e.currentTarget).button('disable'); |
||||
this._super(e); |
||||
}, |
||||
|
||||
_transition: function (node) { |
||||
var deferred = $.Deferred(); |
||||
if (node.hasClass('fade')) { |
||||
node.fadeToggle( |
||||
this.options.transitionDuration, |
||||
this.options.transitionEasing, |
||||
function () { |
||||
deferred.resolveWith(node); |
||||
} |
||||
); |
||||
} else { |
||||
deferred.resolveWith(node); |
||||
} |
||||
return deferred; |
||||
}, |
||||
|
||||
_create: function () { |
||||
this._super(); |
||||
this.element |
||||
.find('.fileupload-buttonbar') |
||||
.find('.fileinput-button').each(function () { |
||||
var input = $(this).find('input:file').detach(); |
||||
$(this) |
||||
.button({icons: {primary: 'ui-icon-plusthick'}}) |
||||
.append(input); |
||||
}) |
||||
.end().find('.start') |
||||
.button({icons: {primary: 'ui-icon-circle-arrow-e'}}) |
||||
.end().find('.cancel') |
||||
.button({icons: {primary: 'ui-icon-cancel'}}) |
||||
.end().find('.delete') |
||||
.button({icons: {primary: 'ui-icon-trash'}}) |
||||
.end().find('.progress').progressbar(); |
||||
}, |
||||
|
||||
_destroy: function () { |
||||
this.element |
||||
.find('.fileupload-buttonbar') |
||||
.find('.fileinput-button').each(function () { |
||||
var input = $(this).find('input:file').detach(); |
||||
$(this) |
||||
.button('destroy') |
||||
.append(input); |
||||
}) |
||||
.end().find('.start') |
||||
.button('destroy') |
||||
.end().find('.cancel') |
||||
.button('destroy') |
||||
.end().find('.delete') |
||||
.button('destroy') |
||||
.end().find('.progress').progressbar('destroy'); |
||||
this._super(); |
||||
} |
||||
|
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,175 @@ |
||||
/* |
||||
* jQuery File Upload Processing Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2012, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global define, require, window */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define([ |
||||
'jquery', |
||||
'./jquery.fileupload' |
||||
], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals:
|
||||
factory( |
||||
window.jQuery |
||||
); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
|
||||
var originalAdd = $.blueimp.fileupload.prototype.options.add; |
||||
|
||||
// The File Upload Processing plugin extends the fileupload widget
|
||||
// with file processing functionality:
|
||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
||||
|
||||
options: { |
||||
// The list of processing actions:
|
||||
processQueue: [ |
||||
/* |
||||
{ |
||||
action: 'log', |
||||
type: 'debug' |
||||
} |
||||
*/ |
||||
], |
||||
add: function (e, data) { |
||||
var $this = $(this); |
||||
data.process(function () { |
||||
return $this.fileupload('process', data); |
||||
}); |
||||
originalAdd.call(this, e, data); |
||||
} |
||||
}, |
||||
|
||||
processActions: { |
||||
/* |
||||
log: function (data, options) { |
||||
console[options.type]( |
||||
'Processing "' + data.files[data.index].name + '"' |
||||
); |
||||
} |
||||
*/ |
||||
}, |
||||
|
||||
_processFile: function (data, originalData) { |
||||
var that = this, |
||||
dfd = $.Deferred().resolveWith(that, [data]), |
||||
chain = dfd.promise(); |
||||
this._trigger('process', null, data); |
||||
$.each(data.processQueue, function (i, settings) { |
||||
var func = function (data) { |
||||
if (originalData.errorThrown) { |
||||
return $.Deferred() |
||||
.rejectWith(that, [originalData]).promise(); |
||||
} |
||||
return that.processActions[settings.action].call( |
||||
that, |
||||
data, |
||||
settings |
||||
); |
||||
}; |
||||
chain = chain.then(func, settings.always && func); |
||||
}); |
||||
chain |
||||
.done(function () { |
||||
that._trigger('processdone', null, data); |
||||
that._trigger('processalways', null, data); |
||||
}) |
||||
.fail(function () { |
||||
that._trigger('processfail', null, data); |
||||
that._trigger('processalways', null, data); |
||||
}); |
||||
return chain; |
||||
}, |
||||
|
||||
// Replaces the settings of each processQueue item that
|
||||
// are strings starting with an "@", using the remaining
|
||||
// substring as key for the option map,
|
||||
// e.g. "@autoUpload" is replaced with options.autoUpload:
|
||||
_transformProcessQueue: function (options) { |
||||
var processQueue = []; |
||||
$.each(options.processQueue, function () { |
||||
var settings = {}, |
||||
action = this.action, |
||||
prefix = this.prefix === true ? action : this.prefix; |
||||
$.each(this, function (key, value) { |
||||
if ($.type(value) === 'string' && |
||||
value.charAt(0) === '@') { |
||||
settings[key] = options[ |
||||
value.slice(1) || (prefix ? prefix + |
||||
key.charAt(0).toUpperCase() + key.slice(1) : key) |
||||
]; |
||||
} else { |
||||
settings[key] = value; |
||||
} |
||||
|
||||
}); |
||||
processQueue.push(settings); |
||||
}); |
||||
options.processQueue = processQueue; |
||||
}, |
||||
|
||||
// Returns the number of files currently in the processsing queue:
|
||||
processing: function () { |
||||
return this._processing; |
||||
}, |
||||
|
||||
// Processes the files given as files property of the data parameter,
|
||||
// returns a Promise object that allows to bind callbacks:
|
||||
process: function (data) { |
||||
var that = this, |
||||
options = $.extend({}, this.options, data); |
||||
if (options.processQueue && options.processQueue.length) { |
||||
this._transformProcessQueue(options); |
||||
if (this._processing === 0) { |
||||
this._trigger('processstart'); |
||||
} |
||||
$.each(data.files, function (index) { |
||||
var opts = index ? $.extend({}, options) : options, |
||||
func = function () { |
||||
if (data.errorThrown) { |
||||
return $.Deferred() |
||||
.rejectWith(that, [data]).promise(); |
||||
} |
||||
return that._processFile(opts, data); |
||||
}; |
||||
opts.index = index; |
||||
that._processing += 1; |
||||
that._processingQueue = that._processingQueue.then(func, func) |
||||
.always(function () { |
||||
that._processing -= 1; |
||||
if (that._processing === 0) { |
||||
that._trigger('processstop'); |
||||
} |
||||
}); |
||||
}); |
||||
} |
||||
return this._processingQueue; |
||||
}, |
||||
|
||||
_create: function () { |
||||
this._super(); |
||||
this._processing = 0; |
||||
this._processingQueue = $.Deferred().resolveWith(this) |
||||
.promise(); |
||||
} |
||||
|
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,710 @@ |
||||
/* |
||||
* jQuery File Upload User Interface Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2010, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global define, require, window */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define([ |
||||
'jquery', |
||||
'tmpl', |
||||
'./jquery.fileupload-image', |
||||
'./jquery.fileupload-audio', |
||||
'./jquery.fileupload-video', |
||||
'./jquery.fileupload-validate' |
||||
], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory( |
||||
require('jquery'), |
||||
require('tmpl') |
||||
); |
||||
} else { |
||||
// Browser globals:
|
||||
factory( |
||||
window.jQuery, |
||||
window.tmpl |
||||
); |
||||
} |
||||
}(function ($, tmpl) { |
||||
'use strict'; |
||||
|
||||
$.blueimp.fileupload.prototype._specialOptions.push( |
||||
'filesContainer', |
||||
'uploadTemplateId', |
||||
'downloadTemplateId' |
||||
); |
||||
|
||||
// The UI version extends the file upload widget
|
||||
// and adds complete user interface interaction:
|
||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
||||
|
||||
options: { |
||||
// By default, files added to the widget are uploaded as soon
|
||||
// as the user clicks on the start buttons. To enable automatic
|
||||
// uploads, set the following option to true:
|
||||
autoUpload: false, |
||||
// The ID of the upload template:
|
||||
uploadTemplateId: 'template-upload', |
||||
// The ID of the download template:
|
||||
downloadTemplateId: 'template-download', |
||||
// The container for the list of files. If undefined, it is set to
|
||||
// an element with class "files" inside of the widget element:
|
||||
filesContainer: undefined, |
||||
// By default, files are appended to the files container.
|
||||
// Set the following option to true, to prepend files instead:
|
||||
prependFiles: false, |
||||
// The expected data type of the upload response, sets the dataType
|
||||
// option of the $.ajax upload requests:
|
||||
dataType: 'json', |
||||
|
||||
// Error and info messages:
|
||||
messages: { |
||||
unknownError: 'Unknown error' |
||||
}, |
||||
|
||||
// Function returning the current number of files,
|
||||
// used by the maxNumberOfFiles validation:
|
||||
getNumberOfFiles: function () { |
||||
return this.filesContainer.children() |
||||
.not('.processing').length; |
||||
}, |
||||
|
||||
// Callback to retrieve the list of files from the server response:
|
||||
getFilesFromResponse: function (data) { |
||||
if (data.result && $.isArray(data.result.files)) { |
||||
return data.result.files; |
||||
} |
||||
return []; |
||||
}, |
||||
|
||||
// The add callback is invoked as soon as files are added to the fileupload
|
||||
// widget (via file input selection, drag & drop or add API call).
|
||||
// See the basic file upload widget for more information:
|
||||
add: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var $this = $(this), |
||||
that = $this.data('blueimp-fileupload') || |
||||
$this.data('fileupload'), |
||||
options = that.options; |
||||
data.context = that._renderUpload(data.files) |
||||
.data('data', data) |
||||
.addClass('processing'); |
||||
options.filesContainer[ |
||||
options.prependFiles ? 'prepend' : 'append' |
||||
](data.context); |
||||
that._forceReflow(data.context); |
||||
that._transition(data.context); |
||||
data.process(function () { |
||||
return $this.fileupload('process', data); |
||||
}).always(function () { |
||||
data.context.each(function (index) { |
||||
$(this).find('.size').text( |
||||
that._formatFileSize(data.files[index].size) |
||||
); |
||||
}).removeClass('processing'); |
||||
that._renderPreviews(data); |
||||
}).done(function () { |
||||
data.context.find('.start').prop('disabled', false); |
||||
if ((that._trigger('added', e, data) !== false) && |
||||
(options.autoUpload || data.autoUpload) && |
||||
data.autoUpload !== false) { |
||||
data.submit(); |
||||
} |
||||
}).fail(function () { |
||||
if (data.files.error) { |
||||
data.context.each(function (index) { |
||||
var error = data.files[index].error; |
||||
if (error) { |
||||
$(this).find('.error').text(error); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
// Callback for the start of each file upload request:
|
||||
send: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = $(this).data('blueimp-fileupload') || |
||||
$(this).data('fileupload'); |
||||
if (data.context && data.dataType && |
||||
data.dataType.substr(0, 6) === 'iframe') { |
||||
// Iframe Transport does not support progress events.
|
||||
// In lack of an indeterminate progress bar, we set
|
||||
// the progress to 100%, showing the full animated bar:
|
||||
data.context |
||||
.find('.progress').addClass( |
||||
!$.support.transition && 'progress-animated' |
||||
) |
||||
.attr('aria-valuenow', 100) |
||||
.children().first().css( |
||||
'width', |
||||
'100%' |
||||
); |
||||
} |
||||
return that._trigger('sent', e, data); |
||||
}, |
||||
// Callback for successful uploads:
|
||||
done: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = $(this).data('blueimp-fileupload') || |
||||
$(this).data('fileupload'), |
||||
getFilesFromResponse = data.getFilesFromResponse || |
||||
that.options.getFilesFromResponse, |
||||
files = getFilesFromResponse(data), |
||||
template, |
||||
deferred; |
||||
if (data.context) { |
||||
data.context.each(function (index) { |
||||
var file = files[index] || |
||||
{error: 'Empty file upload result'}; |
||||
deferred = that._addFinishedDeferreds(); |
||||
that._transition($(this)).done( |
||||
function () { |
||||
var node = $(this); |
||||
template = that._renderDownload([file]) |
||||
.replaceAll(node); |
||||
that._forceReflow(template); |
||||
that._transition(template).done( |
||||
function () { |
||||
data.context = $(this); |
||||
that._trigger('completed', e, data); |
||||
that._trigger('finished', e, data); |
||||
deferred.resolve(); |
||||
} |
||||
); |
||||
} |
||||
); |
||||
}); |
||||
} else { |
||||
template = that._renderDownload(files)[ |
||||
that.options.prependFiles ? 'prependTo' : 'appendTo' |
||||
](that.options.filesContainer); |
||||
that._forceReflow(template); |
||||
deferred = that._addFinishedDeferreds(); |
||||
that._transition(template).done( |
||||
function () { |
||||
data.context = $(this); |
||||
that._trigger('completed', e, data); |
||||
that._trigger('finished', e, data); |
||||
deferred.resolve(); |
||||
} |
||||
); |
||||
} |
||||
}, |
||||
// Callback for failed (abort or error) uploads:
|
||||
fail: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = $(this).data('blueimp-fileupload') || |
||||
$(this).data('fileupload'), |
||||
template, |
||||
deferred; |
||||
if (data.context) { |
||||
data.context.each(function (index) { |
||||
if (data.errorThrown !== 'abort') { |
||||
var file = data.files[index]; |
||||
file.error = file.error || data.errorThrown || |
||||
data.i18n('unknownError'); |
||||
deferred = that._addFinishedDeferreds(); |
||||
that._transition($(this)).done( |
||||
function () { |
||||
var node = $(this); |
||||
template = that._renderDownload([file]) |
||||
.replaceAll(node); |
||||
that._forceReflow(template); |
||||
that._transition(template).done( |
||||
function () { |
||||
data.context = $(this); |
||||
that._trigger('failed', e, data); |
||||
that._trigger('finished', e, data); |
||||
deferred.resolve(); |
||||
} |
||||
); |
||||
} |
||||
); |
||||
} else { |
||||
deferred = that._addFinishedDeferreds(); |
||||
that._transition($(this)).done( |
||||
function () { |
||||
$(this).remove(); |
||||
that._trigger('failed', e, data); |
||||
that._trigger('finished', e, data); |
||||
deferred.resolve(); |
||||
} |
||||
); |
||||
} |
||||
}); |
||||
} else if (data.errorThrown !== 'abort') { |
||||
data.context = that._renderUpload(data.files)[ |
||||
that.options.prependFiles ? 'prependTo' : 'appendTo' |
||||
](that.options.filesContainer) |
||||
.data('data', data); |
||||
that._forceReflow(data.context); |
||||
deferred = that._addFinishedDeferreds(); |
||||
that._transition(data.context).done( |
||||
function () { |
||||
data.context = $(this); |
||||
that._trigger('failed', e, data); |
||||
that._trigger('finished', e, data); |
||||
deferred.resolve(); |
||||
} |
||||
); |
||||
} else { |
||||
that._trigger('failed', e, data); |
||||
that._trigger('finished', e, data); |
||||
that._addFinishedDeferreds().resolve(); |
||||
} |
||||
}, |
||||
// Callback for upload progress events:
|
||||
progress: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var progress = Math.floor(data.loaded / data.total * 100); |
||||
if (data.context) { |
||||
data.context.each(function () { |
||||
$(this).find('.progress') |
||||
.attr('aria-valuenow', progress) |
||||
.children().first().css( |
||||
'width', |
||||
progress + '%' |
||||
); |
||||
}); |
||||
} |
||||
}, |
||||
// Callback for global upload progress events:
|
||||
progressall: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var $this = $(this), |
||||
progress = Math.floor(data.loaded / data.total * 100), |
||||
globalProgressNode = $this.find('.fileupload-progress'), |
||||
extendedProgressNode = globalProgressNode |
||||
.find('.progress-extended'); |
||||
if (extendedProgressNode.length) { |
||||
extendedProgressNode.html( |
||||
($this.data('blueimp-fileupload') || $this.data('fileupload')) |
||||
._renderExtendedProgress(data) |
||||
); |
||||
} |
||||
globalProgressNode |
||||
.find('.progress') |
||||
.attr('aria-valuenow', progress) |
||||
.children().first().css( |
||||
'width', |
||||
progress + '%' |
||||
); |
||||
}, |
||||
// Callback for uploads start, equivalent to the global ajaxStart event:
|
||||
start: function (e) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = $(this).data('blueimp-fileupload') || |
||||
$(this).data('fileupload'); |
||||
that._resetFinishedDeferreds(); |
||||
that._transition($(this).find('.fileupload-progress')).done( |
||||
function () { |
||||
that._trigger('started', e); |
||||
} |
||||
); |
||||
}, |
||||
// Callback for uploads stop, equivalent to the global ajaxStop event:
|
||||
stop: function (e) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = $(this).data('blueimp-fileupload') || |
||||
$(this).data('fileupload'), |
||||
deferred = that._addFinishedDeferreds(); |
||||
$.when.apply($, that._getFinishedDeferreds()) |
||||
.done(function () { |
||||
that._trigger('stopped', e); |
||||
}); |
||||
that._transition($(this).find('.fileupload-progress')).done( |
||||
function () { |
||||
$(this).find('.progress') |
||||
.attr('aria-valuenow', '0') |
||||
.children().first().css('width', '0%'); |
||||
$(this).find('.progress-extended').html(' '); |
||||
deferred.resolve(); |
||||
} |
||||
); |
||||
}, |
||||
processstart: function (e) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
$(this).addClass('fileupload-processing'); |
||||
}, |
||||
processstop: function (e) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
$(this).removeClass('fileupload-processing'); |
||||
}, |
||||
// Callback for file deletion:
|
||||
destroy: function (e, data) { |
||||
if (e.isDefaultPrevented()) { |
||||
return false; |
||||
} |
||||
var that = $(this).data('blueimp-fileupload') || |
||||
$(this).data('fileupload'), |
||||
removeNode = function () { |
||||
that._transition(data.context).done( |
||||
function () { |
||||
$(this).remove(); |
||||
that._trigger('destroyed', e, data); |
||||
} |
||||
); |
||||
}; |
||||
if (data.url) { |
||||
data.dataType = data.dataType || that.options.dataType; |
||||
$.ajax(data).done(removeNode).fail(function () { |
||||
that._trigger('destroyfailed', e, data); |
||||
}); |
||||
} else { |
||||
removeNode(); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
_resetFinishedDeferreds: function () { |
||||
this._finishedUploads = []; |
||||
}, |
||||
|
||||
_addFinishedDeferreds: function (deferred) { |
||||
if (!deferred) { |
||||
deferred = $.Deferred(); |
||||
} |
||||
this._finishedUploads.push(deferred); |
||||
return deferred; |
||||
}, |
||||
|
||||
_getFinishedDeferreds: function () { |
||||
return this._finishedUploads; |
||||
}, |
||||
|
||||
// Link handler, that allows to download files
|
||||
// by drag & drop of the links to the desktop:
|
||||
_enableDragToDesktop: function () { |
||||
var link = $(this), |
||||
url = link.prop('href'), |
||||
name = link.prop('download'), |
||||
type = 'application/octet-stream'; |
||||
link.bind('dragstart', function (e) { |
||||
try { |
||||
e.originalEvent.dataTransfer.setData( |
||||
'DownloadURL', |
||||
[type, name, url].join(':') |
||||
); |
||||
} catch (ignore) {} |
||||
}); |
||||
}, |
||||
|
||||
_formatFileSize: function (bytes) { |
||||
if (typeof bytes !== 'number') { |
||||
return ''; |
||||
} |
||||
if (bytes >= 1000000000) { |
||||
return (bytes / 1000000000).toFixed(2) + ' GB'; |
||||
} |
||||
if (bytes >= 1000000) { |
||||
return (bytes / 1000000).toFixed(2) + ' MB'; |
||||
} |
||||
return (bytes / 1000).toFixed(2) + ' KB'; |
||||
}, |
||||
|
||||
_formatBitrate: function (bits) { |
||||
if (typeof bits !== 'number') { |
||||
return ''; |
||||
} |
||||
if (bits >= 1000000000) { |
||||
return (bits / 1000000000).toFixed(2) + ' Gbit/s'; |
||||
} |
||||
if (bits >= 1000000) { |
||||
return (bits / 1000000).toFixed(2) + ' Mbit/s'; |
||||
} |
||||
if (bits >= 1000) { |
||||
return (bits / 1000).toFixed(2) + ' kbit/s'; |
||||
} |
||||
return bits.toFixed(2) + ' bit/s'; |
||||
}, |
||||
|
||||
_formatTime: function (seconds) { |
||||
var date = new Date(seconds * 1000), |
||||
days = Math.floor(seconds / 86400); |
||||
days = days ? days + 'd ' : ''; |
||||
return days + |
||||
('0' + date.getUTCHours()).slice(-2) + ':' + |
||||
('0' + date.getUTCMinutes()).slice(-2) + ':' + |
||||
('0' + date.getUTCSeconds()).slice(-2); |
||||
}, |
||||
|
||||
_formatPercentage: function (floatValue) { |
||||
return (floatValue * 100).toFixed(2) + ' %'; |
||||
}, |
||||
|
||||
_renderExtendedProgress: function (data) { |
||||
return this._formatBitrate(data.bitrate) + ' | ' + |
||||
this._formatTime( |
||||
(data.total - data.loaded) * 8 / data.bitrate |
||||
) + ' | ' + |
||||
this._formatPercentage( |
||||
data.loaded / data.total |
||||
) + ' | ' + |
||||
this._formatFileSize(data.loaded) + ' / ' + |
||||
this._formatFileSize(data.total); |
||||
}, |
||||
|
||||
_renderTemplate: function (func, files) { |
||||
if (!func) { |
||||
return $(); |
||||
} |
||||
var result = func({ |
||||
files: files, |
||||
formatFileSize: this._formatFileSize, |
||||
options: this.options |
||||
}); |
||||
if (result instanceof $) { |
||||
return result; |
||||
} |
||||
return $(this.options.templatesContainer).html(result).children(); |
||||
}, |
||||
|
||||
_renderPreviews: function (data) { |
||||
data.context.find('.preview').each(function (index, elm) { |
||||
$(elm).append(data.files[index].preview); |
||||
}); |
||||
}, |
||||
|
||||
_renderUpload: function (files) { |
||||
return this._renderTemplate( |
||||
this.options.uploadTemplate, |
||||
files |
||||
); |
||||
}, |
||||
|
||||
_renderDownload: function (files) { |
||||
return this._renderTemplate( |
||||
this.options.downloadTemplate, |
||||
files |
||||
).find('a[download]').each(this._enableDragToDesktop).end(); |
||||
}, |
||||
|
||||
_startHandler: function (e) { |
||||
e.preventDefault(); |
||||
var button = $(e.currentTarget), |
||||
template = button.closest('.template-upload'), |
||||
data = template.data('data'); |
||||
button.prop('disabled', true); |
||||
if (data && data.submit) { |
||||
data.submit(); |
||||
} |
||||
}, |
||||
|
||||
_cancelHandler: function (e) { |
||||
e.preventDefault(); |
||||
var template = $(e.currentTarget) |
||||
.closest('.template-upload,.template-download'), |
||||
data = template.data('data') || {}; |
||||
data.context = data.context || template; |
||||
if (data.abort) { |
||||
data.abort(); |
||||
} else { |
||||
data.errorThrown = 'abort'; |
||||
this._trigger('fail', e, data); |
||||
} |
||||
}, |
||||
|
||||
_deleteHandler: function (e) { |
||||
e.preventDefault(); |
||||
var button = $(e.currentTarget); |
||||
this._trigger('destroy', e, $.extend({ |
||||
context: button.closest('.template-download'), |
||||
type: 'DELETE' |
||||
}, button.data())); |
||||
}, |
||||
|
||||
_forceReflow: function (node) { |
||||
return $.support.transition && node.length && |
||||
node[0].offsetWidth; |
||||
}, |
||||
|
||||
_transition: function (node) { |
||||
var dfd = $.Deferred(); |
||||
if ($.support.transition && node.hasClass('fade') && node.is(':visible')) { |
||||
node.bind( |
||||
$.support.transition.end, |
||||
function (e) { |
||||
// Make sure we don't respond to other transitions events
|
||||
// in the container element, e.g. from button elements:
|
||||
if (e.target === node[0]) { |
||||
node.unbind($.support.transition.end); |
||||
dfd.resolveWith(node); |
||||
} |
||||
} |
||||
).toggleClass('in'); |
||||
} else { |
||||
node.toggleClass('in'); |
||||
dfd.resolveWith(node); |
||||
} |
||||
return dfd; |
||||
}, |
||||
|
||||
_initButtonBarEventHandlers: function () { |
||||
var fileUploadButtonBar = this.element.find('.fileupload-buttonbar'), |
||||
filesList = this.options.filesContainer; |
||||
this._on(fileUploadButtonBar.find('.start'), { |
||||
click: function (e) { |
||||
e.preventDefault(); |
||||
filesList.find('.start').click(); |
||||
} |
||||
}); |
||||
this._on(fileUploadButtonBar.find('.cancel'), { |
||||
click: function (e) { |
||||
e.preventDefault(); |
||||
filesList.find('.cancel').click(); |
||||
} |
||||
}); |
||||
this._on(fileUploadButtonBar.find('.delete'), { |
||||
click: function (e) { |
||||
e.preventDefault(); |
||||
filesList.find('.toggle:checked') |
||||
.closest('.template-download') |
||||
.find('.delete').click(); |
||||
fileUploadButtonBar.find('.toggle') |
||||
.prop('checked', false); |
||||
} |
||||
}); |
||||
this._on(fileUploadButtonBar.find('.toggle'), { |
||||
change: function (e) { |
||||
filesList.find('.toggle').prop( |
||||
'checked', |
||||
$(e.currentTarget).is(':checked') |
||||
); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_destroyButtonBarEventHandlers: function () { |
||||
this._off( |
||||
this.element.find('.fileupload-buttonbar') |
||||
.find('.start, .cancel, .delete'), |
||||
'click' |
||||
); |
||||
this._off( |
||||
this.element.find('.fileupload-buttonbar .toggle'), |
||||
'change.' |
||||
); |
||||
}, |
||||
|
||||
_initEventHandlers: function () { |
||||
this._super(); |
||||
this._on(this.options.filesContainer, { |
||||
'click .start': this._startHandler, |
||||
'click .cancel': this._cancelHandler, |
||||
'click .delete': this._deleteHandler |
||||
}); |
||||
this._initButtonBarEventHandlers(); |
||||
}, |
||||
|
||||
_destroyEventHandlers: function () { |
||||
this._destroyButtonBarEventHandlers(); |
||||
this._off(this.options.filesContainer, 'click'); |
||||
this._super(); |
||||
}, |
||||
|
||||
_enableFileInputButton: function () { |
||||
this.element.find('.fileinput-button input') |
||||
.prop('disabled', false) |
||||
.parent().removeClass('disabled'); |
||||
}, |
||||
|
||||
_disableFileInputButton: function () { |
||||
this.element.find('.fileinput-button input') |
||||
.prop('disabled', true) |
||||
.parent().addClass('disabled'); |
||||
}, |
||||
|
||||
_initTemplates: function () { |
||||
var options = this.options; |
||||
options.templatesContainer = this.document[0].createElement( |
||||
options.filesContainer.prop('nodeName') |
||||
); |
||||
if (tmpl) { |
||||
if (options.uploadTemplateId) { |
||||
options.uploadTemplate = tmpl(options.uploadTemplateId); |
||||
} |
||||
if (options.downloadTemplateId) { |
||||
options.downloadTemplate = tmpl(options.downloadTemplateId); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
_initFilesContainer: function () { |
||||
var options = this.options; |
||||
if (options.filesContainer === undefined) { |
||||
options.filesContainer = this.element.find('.files'); |
||||
} else if (!(options.filesContainer instanceof $)) { |
||||
options.filesContainer = $(options.filesContainer); |
||||
} |
||||
}, |
||||
|
||||
_initSpecialOptions: function () { |
||||
this._super(); |
||||
this._initFilesContainer(); |
||||
this._initTemplates(); |
||||
}, |
||||
|
||||
_create: function () { |
||||
this._super(); |
||||
this._resetFinishedDeferreds(); |
||||
if (!$.support.fileInput) { |
||||
this._disableFileInputButton(); |
||||
} |
||||
}, |
||||
|
||||
enable: function () { |
||||
var wasDisabled = false; |
||||
if (this.options.disabled) { |
||||
wasDisabled = true; |
||||
} |
||||
this._super(); |
||||
if (wasDisabled) { |
||||
this.element.find('input, button').prop('disabled', false); |
||||
this._enableFileInputButton(); |
||||
} |
||||
}, |
||||
|
||||
disable: function () { |
||||
if (!this.options.disabled) { |
||||
this.element.find('input, button').prop('disabled', true); |
||||
this._disableFileInputButton(); |
||||
} |
||||
this._super(); |
||||
} |
||||
|
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,122 @@ |
||||
/* |
||||
* jQuery File Upload Validation Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* global define, require, window */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define([ |
||||
'jquery', |
||||
'./jquery.fileupload-process' |
||||
], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals:
|
||||
factory( |
||||
window.jQuery |
||||
); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
|
||||
// Append to the default processQueue:
|
||||
$.blueimp.fileupload.prototype.options.processQueue.push( |
||||
{ |
||||
action: 'validate', |
||||
// Always trigger this action,
|
||||
// even if the previous action was rejected:
|
||||
always: true, |
||||
// Options taken from the global options map:
|
||||
acceptFileTypes: '@', |
||||
maxFileSize: '@', |
||||
minFileSize: '@', |
||||
maxNumberOfFiles: '@', |
||||
disabled: '@disableValidation' |
||||
} |
||||
); |
||||
|
||||
// The File Upload Validation plugin extends the fileupload widget
|
||||
// with file validation functionality:
|
||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
||||
|
||||
options: { |
||||
/* |
||||
// The regular expression for allowed file types, matches
|
||||
// against either file type or file name:
|
||||
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, |
||||
// The maximum allowed file size in bytes:
|
||||
maxFileSize: 10000000, // 10 MB
|
||||
// The minimum allowed file size in bytes:
|
||||
minFileSize: undefined, // No minimal file size
|
||||
// The limit of files to be uploaded:
|
||||
maxNumberOfFiles: 10, |
||||
*/ |
||||
|
||||
// Function returning the current number of files,
|
||||
// has to be overriden for maxNumberOfFiles validation:
|
||||
getNumberOfFiles: $.noop, |
||||
|
||||
// Error and info messages:
|
||||
messages: { |
||||
maxNumberOfFiles: 'Maximum number of files exceeded', |
||||
acceptFileTypes: 'File type not allowed', |
||||
maxFileSize: 'File is too large', |
||||
minFileSize: 'File is too small' |
||||
} |
||||
}, |
||||
|
||||
processActions: { |
||||
|
||||
validate: function (data, options) { |
||||
if (options.disabled) { |
||||
return data; |
||||
} |
||||
var dfd = $.Deferred(), |
||||
settings = this.options, |
||||
file = data.files[data.index], |
||||
fileSize; |
||||
if (options.minFileSize || options.maxFileSize) { |
||||
fileSize = file.size; |
||||
} |
||||
if ($.type(options.maxNumberOfFiles) === 'number' && |
||||
(settings.getNumberOfFiles() || 0) + data.files.length > |
||||
options.maxNumberOfFiles) { |
||||
file.error = settings.i18n('maxNumberOfFiles'); |
||||
} else if (options.acceptFileTypes && |
||||
!(options.acceptFileTypes.test(file.type) || |
||||
options.acceptFileTypes.test(file.name))) { |
||||
file.error = settings.i18n('acceptFileTypes'); |
||||
} else if (fileSize > options.maxFileSize) { |
||||
file.error = settings.i18n('maxFileSize'); |
||||
} else if ($.type(fileSize) === 'number' && |
||||
fileSize < options.minFileSize) { |
||||
file.error = settings.i18n('minFileSize'); |
||||
} else { |
||||
delete file.error; |
||||
} |
||||
if (file.error || data.files.error) { |
||||
data.files.error = true; |
||||
dfd.rejectWith(this, [data]); |
||||
} else { |
||||
dfd.resolveWith(this, [data]); |
||||
} |
||||
return dfd.promise(); |
||||
} |
||||
|
||||
} |
||||
|
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,112 @@ |
||||
/* |
||||
* jQuery File Upload Video Preview Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2013, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* jshint nomen:false */ |
||||
/* global define, require, window, document */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define([ |
||||
'jquery', |
||||
'load-image', |
||||
'./jquery.fileupload-process' |
||||
], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory( |
||||
require('jquery'), |
||||
require('load-image') |
||||
); |
||||
} else { |
||||
// Browser globals:
|
||||
factory( |
||||
window.jQuery, |
||||
window.loadImage |
||||
); |
||||
} |
||||
}(function ($, loadImage) { |
||||
'use strict'; |
||||
|
||||
// Prepend to the default processQueue:
|
||||
$.blueimp.fileupload.prototype.options.processQueue.unshift( |
||||
{ |
||||
action: 'loadVideo', |
||||
// Use the action as prefix for the "@" options:
|
||||
prefix: true, |
||||
fileTypes: '@', |
||||
maxFileSize: '@', |
||||
disabled: '@disableVideoPreview' |
||||
}, |
||||
{ |
||||
action: 'setVideo', |
||||
name: '@videoPreviewName', |
||||
disabled: '@disableVideoPreview' |
||||
} |
||||
); |
||||
|
||||
// The File Upload Video Preview plugin extends the fileupload widget
|
||||
// with video preview functionality:
|
||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
||||
|
||||
options: { |
||||
// The regular expression for the types of video files to load,
|
||||
// matched against the file type:
|
||||
loadVideoFileTypes: /^video\/.*$/ |
||||
}, |
||||
|
||||
_videoElement: document.createElement('video'), |
||||
|
||||
processActions: { |
||||
|
||||
// Loads the video file given via data.files and data.index
|
||||
// as video element if the browser supports playing it.
|
||||
// Accepts the options fileTypes (regular expression)
|
||||
// and maxFileSize (integer) to limit the files to load:
|
||||
loadVideo: function (data, options) { |
||||
if (options.disabled) { |
||||
return data; |
||||
} |
||||
var file = data.files[data.index], |
||||
url, |
||||
video; |
||||
if (this._videoElement.canPlayType && |
||||
this._videoElement.canPlayType(file.type) && |
||||
($.type(options.maxFileSize) !== 'number' || |
||||
file.size <= options.maxFileSize) && |
||||
(!options.fileTypes || |
||||
options.fileTypes.test(file.type))) { |
||||
url = loadImage.createObjectURL(file); |
||||
if (url) { |
||||
video = this._videoElement.cloneNode(false); |
||||
video.src = url; |
||||
video.controls = true; |
||||
data.video = video; |
||||
return data; |
||||
} |
||||
} |
||||
return data; |
||||
}, |
||||
|
||||
// Sets the video element as a property of the file object:
|
||||
setVideo: function (data, options) { |
||||
if (data.video && !options.disabled) { |
||||
data.files[data.index][options.name || 'preview'] = data.video; |
||||
} |
||||
return data; |
||||
} |
||||
|
||||
} |
||||
|
||||
}); |
||||
|
||||
})); |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,217 @@ |
||||
/* |
||||
* jQuery Iframe Transport Plugin |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2011, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* global define, require, window, document */ |
||||
|
||||
;(function (factory) { |
||||
'use strict'; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// Register as an anonymous AMD module:
|
||||
define(['jquery'], factory); |
||||
} else if (typeof exports === 'object') { |
||||
// Node/CommonJS:
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals:
|
||||
factory(window.jQuery); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
|
||||
// Helper variable to create unique names for the transport iframes:
|
||||
var counter = 0; |
||||
|
||||
// The iframe transport accepts four additional options:
|
||||
// options.fileInput: a jQuery collection of file input fields
|
||||
// options.paramName: the parameter name for the file form data,
|
||||
// overrides the name property of the file input field(s),
|
||||
// can be a string or an array of strings.
|
||||
// options.formData: an array of objects with name and value properties,
|
||||
// equivalent to the return data of .serializeArray(), e.g.:
|
||||
// [{name: 'a', value: 1}, {name: 'b', value: 2}]
|
||||
// options.initialIframeSrc: the URL of the initial iframe src,
|
||||
// by default set to "javascript:false;"
|
||||
$.ajaxTransport('iframe', function (options) { |
||||
if (options.async) { |
||||
// javascript:false as initial iframe src
|
||||
// prevents warning popups on HTTPS in IE6:
|
||||
/*jshint scripturl: true */ |
||||
var initialIframeSrc = options.initialIframeSrc || 'javascript:false;', |
||||
/*jshint scripturl: false */ |
||||
form, |
||||
iframe, |
||||
addParamChar; |
||||
return { |
||||
send: function (_, completeCallback) { |
||||
form = $('<form style="display:none;"></form>'); |
||||
form.attr('accept-charset', options.formAcceptCharset); |
||||
addParamChar = /\?/.test(options.url) ? '&' : '?'; |
||||
// XDomainRequest only supports GET and POST:
|
||||
if (options.type === 'DELETE') { |
||||
options.url = options.url + addParamChar + '_method=DELETE'; |
||||
options.type = 'POST'; |
||||
} else if (options.type === 'PUT') { |
||||
options.url = options.url + addParamChar + '_method=PUT'; |
||||
options.type = 'POST'; |
||||
} else if (options.type === 'PATCH') { |
||||
options.url = options.url + addParamChar + '_method=PATCH'; |
||||
options.type = 'POST'; |
||||
} |
||||
// IE versions below IE8 cannot set the name property of
|
||||
// elements that have already been added to the DOM,
|
||||
// so we set the name along with the iframe HTML markup:
|
||||
counter += 1; |
||||
iframe = $( |
||||
'<iframe src="' + initialIframeSrc + |
||||
'" name="iframe-transport-' + counter + '"></iframe>' |
||||
).bind('load', function () { |
||||
var fileInputClones, |
||||
paramNames = $.isArray(options.paramName) ? |
||||
options.paramName : [options.paramName]; |
||||
iframe |
||||
.unbind('load') |
||||
.bind('load', function () { |
||||
var response; |
||||
// Wrap in a try/catch block to catch exceptions thrown
|
||||
// when trying to access cross-domain iframe contents:
|
||||
try { |
||||
response = iframe.contents(); |
||||
// Google Chrome and Firefox do not throw an
|
||||
// exception when calling iframe.contents() on
|
||||
// cross-domain requests, so we unify the response:
|
||||
if (!response.length || !response[0].firstChild) { |
||||
throw new Error(); |
||||
} |
||||
} catch (e) { |
||||
response = undefined; |
||||
} |
||||
// The complete callback returns the
|
||||
// iframe content document as response object:
|
||||
completeCallback( |
||||
200, |
||||
'success', |
||||
{'iframe': response} |
||||
); |
||||
// Fix for IE endless progress bar activity bug
|
||||
// (happens on form submits to iframe targets):
|
||||
$('<iframe src="' + initialIframeSrc + '"></iframe>') |
||||
.appendTo(form); |
||||
window.setTimeout(function () { |
||||
// Removing the form in a setTimeout call
|
||||
// allows Chrome's developer tools to display
|
||||
// the response result
|
||||
form.remove(); |
||||
}, 0); |
||||
}); |
||||
form |
||||
.prop('target', iframe.prop('name')) |
||||
.prop('action', options.url) |
||||
.prop('method', options.type); |
||||
if (options.formData) { |
||||
$.each(options.formData, function (index, field) { |
||||
$('<input type="hidden"/>') |
||||
.prop('name', field.name) |
||||
.val(field.value) |
||||
.appendTo(form); |
||||
}); |
||||
} |
||||
if (options.fileInput && options.fileInput.length && |
||||
options.type === 'POST') { |
||||
fileInputClones = options.fileInput.clone(); |
||||
// Insert a clone for each file input field:
|
||||
options.fileInput.after(function (index) { |
||||
return fileInputClones[index]; |
||||
}); |
||||
if (options.paramName) { |
||||
options.fileInput.each(function (index) { |
||||
$(this).prop( |
||||
'name', |
||||
paramNames[index] || options.paramName |
||||
); |
||||
}); |
||||
} |
||||
// Appending the file input fields to the hidden form
|
||||
// removes them from their original location:
|
||||
form |
||||
.append(options.fileInput) |
||||
.prop('enctype', 'multipart/form-data') |
||||
// enctype must be set as encoding for IE:
|
||||
.prop('encoding', 'multipart/form-data'); |
||||
// Remove the HTML5 form attribute from the input(s):
|
||||
options.fileInput.removeAttr('form'); |
||||
} |
||||
form.submit(); |
||||
// Insert the file input fields at their original location
|
||||
// by replacing the clones with the originals:
|
||||
if (fileInputClones && fileInputClones.length) { |
||||
options.fileInput.each(function (index, input) { |
||||
var clone = $(fileInputClones[index]); |
||||
// Restore the original name and form properties:
|
||||
$(input) |
||||
.prop('name', clone.prop('name')) |
||||
.attr('form', clone.attr('form')); |
||||
clone.replaceWith(input); |
||||
}); |
||||
} |
||||
}); |
||||
form.append(iframe).appendTo(document.body); |
||||
}, |
||||
abort: function () { |
||||
if (iframe) { |
||||
// javascript:false as iframe src aborts the request
|
||||
// and prevents warning popups on HTTPS in IE6.
|
||||
// concat is used to avoid the "Script URL" JSLint error:
|
||||
iframe |
||||
.unbind('load') |
||||
.prop('src', initialIframeSrc); |
||||
} |
||||
if (form) { |
||||
form.remove(); |
||||
} |
||||
} |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// The iframe transport returns the iframe content document as response.
|
||||
// The following adds converters from iframe to text, json, html, xml
|
||||
// and script.
|
||||
// Please note that the Content-Type for JSON responses has to be text/plain
|
||||
// or text/html, if the browser doesn't include application/json in the
|
||||
// Accept header, else IE will show a download dialog.
|
||||
// The Content-Type for XML responses on the other hand has to be always
|
||||
// application/xml or text/xml, so IE properly parses the XML response.
|
||||
// See also
|
||||
// https://github.com/blueimp/jQuery-File-Upload/wiki/Setup#content-type-negotiation
|
||||
$.ajaxSetup({ |
||||
converters: { |
||||
'iframe text': function (iframe) { |
||||
return iframe && $(iframe[0].body).text(); |
||||
}, |
||||
'iframe json': function (iframe) { |
||||
return iframe && $.parseJSON($(iframe[0].body).text()); |
||||
}, |
||||
'iframe html': function (iframe) { |
||||
return iframe && $(iframe[0].body).html(); |
||||
}, |
||||
'iframe xml': function (iframe) { |
||||
var xmlDoc = iframe && iframe[0]; |
||||
return xmlDoc && $.isXMLDoc(xmlDoc) ? xmlDoc : |
||||
$.parseXML((xmlDoc.XMLDocument && xmlDoc.XMLDocument.xml) || |
||||
$(xmlDoc.body).html()); |
||||
}, |
||||
'iframe script': function (iframe) { |
||||
return iframe && $.globalEval($(iframe[0].body).text()); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
})); |
||||
@ -0,0 +1,75 @@ |
||||
/* |
||||
* jQuery File Upload Plugin JS Example |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2010, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
/* global $, window */ |
||||
|
||||
$(function () { |
||||
'use strict'; |
||||
|
||||
// Initialize the jQuery File Upload widget:
|
||||
$('#fileupload').fileupload({ |
||||
// Uncomment the following to send cross-domain cookies:
|
||||
//xhrFields: {withCredentials: true},
|
||||
url: 'server/php/' |
||||
}); |
||||
|
||||
// Enable iframe cross-domain access via redirect option:
|
||||
$('#fileupload').fileupload( |
||||
'option', |
||||
'redirect', |
||||
window.location.href.replace( |
||||
/\/[^\/]*$/, |
||||
'/cors/result.html?%s' |
||||
) |
||||
); |
||||
|
||||
if (window.location.hostname === 'blueimp.github.io') { |
||||
// Demo settings:
|
||||
$('#fileupload').fileupload('option', { |
||||
url: '//jquery-file-upload.appspot.com/', |
||||
// Enable image resizing, except for Android and Opera,
|
||||
// which actually support image resizing, but fail to
|
||||
// send Blob objects via XHR requests:
|
||||
disableImageResize: /Android(?!.*Chrome)|Opera/ |
||||
.test(window.navigator.userAgent), |
||||
maxFileSize: 999000, |
||||
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i |
||||
}); |
||||
// Upload server status check for browsers with CORS support:
|
||||
if ($.support.cors) { |
||||
$.ajax({ |
||||
url: '//jquery-file-upload.appspot.com/', |
||||
type: 'HEAD' |
||||
}).fail(function () { |
||||
$('<div class="alert alert-danger"/>') |
||||
.text('Upload server currently unavailable - ' + |
||||
new Date()) |
||||
.appendTo('#fileupload'); |
||||
}); |
||||
} |
||||
} else { |
||||
// Load existing files:
|
||||
$('#fileupload').addClass('fileupload-processing'); |
||||
$.ajax({ |
||||
// Uncomment the following to send cross-domain cookies:
|
||||
//xhrFields: {withCredentials: true},
|
||||
url: $('#fileupload').fileupload('option', 'url'), |
||||
dataType: 'json', |
||||
context: $('#fileupload')[0] |
||||
}).always(function () { |
||||
$(this).removeClass('fileupload-processing'); |
||||
}).done(function (result) { |
||||
$(this).fileupload('option', 'done') |
||||
.call(this, $.Event('done'), {result: result}); |
||||
}); |
||||
} |
||||
|
||||
}); |
||||
@ -0,0 +1,572 @@ |
||||
/*! jQuery UI - v1.11.4+CommonJS - 2015-08-28 |
||||
* http://jqueryui.com
|
||||
* Includes: widget.js |
||||
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ |
||||
|
||||
(function( factory ) { |
||||
if ( typeof define === "function" && define.amd ) { |
||||
|
||||
// AMD. Register as an anonymous module.
|
||||
define([ "jquery" ], factory ); |
||||
|
||||
} else if ( typeof exports === "object" ) { |
||||
|
||||
// Node/CommonJS
|
||||
factory( require( "jquery" ) ); |
||||
|
||||
} else { |
||||
|
||||
// Browser globals
|
||||
factory( jQuery ); |
||||
} |
||||
}(function( $ ) { |
||||
/*! |
||||
* jQuery UI Widget 1.11.4 |
||||
* http://jqueryui.com
|
||||
* |
||||
* Copyright jQuery Foundation and other contributors |
||||
* Released under the MIT license. |
||||
* http://jquery.org/license
|
||||
* |
||||
* http://api.jqueryui.com/jQuery.widget/
|
||||
*/ |
||||
|
||||
|
||||
var widget_uuid = 0, |
||||
widget_slice = Array.prototype.slice; |
||||
|
||||
$.cleanData = (function( orig ) { |
||||
return function( elems ) { |
||||
var events, elem, i; |
||||
for ( i = 0; (elem = elems[i]) != null; i++ ) { |
||||
try { |
||||
|
||||
// Only trigger remove when necessary to save time
|
||||
events = $._data( elem, "events" ); |
||||
if ( events && events.remove ) { |
||||
$( elem ).triggerHandler( "remove" ); |
||||
} |
||||
|
||||
// http://bugs.jquery.com/ticket/8235
|
||||
} catch ( e ) {} |
||||
} |
||||
orig( elems ); |
||||
}; |
||||
})( $.cleanData ); |
||||
|
||||
$.widget = function( name, base, prototype ) { |
||||
var fullName, existingConstructor, constructor, basePrototype, |
||||
// proxiedPrototype allows the provided prototype to remain unmodified
|
||||
// so that it can be used as a mixin for multiple widgets (#8876)
|
||||
proxiedPrototype = {}, |
||||
namespace = name.split( "." )[ 0 ]; |
||||
|
||||
name = name.split( "." )[ 1 ]; |
||||
fullName = namespace + "-" + name; |
||||
|
||||
if ( !prototype ) { |
||||
prototype = base; |
||||
base = $.Widget; |
||||
} |
||||
|
||||
// create selector for plugin
|
||||
$.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) { |
||||
return !!$.data( elem, fullName ); |
||||
}; |
||||
|
||||
$[ namespace ] = $[ namespace ] || {}; |
||||
existingConstructor = $[ namespace ][ name ]; |
||||
constructor = $[ namespace ][ name ] = function( options, element ) { |
||||
// allow instantiation without "new" keyword
|
||||
if ( !this._createWidget ) { |
||||
return new constructor( options, element ); |
||||
} |
||||
|
||||
// allow instantiation without initializing for simple inheritance
|
||||
// must use "new" keyword (the code above always passes args)
|
||||
if ( arguments.length ) { |
||||
this._createWidget( options, element ); |
||||
} |
||||
}; |
||||
// extend with the existing constructor to carry over any static properties
|
||||
$.extend( constructor, existingConstructor, { |
||||
version: prototype.version, |
||||
// copy the object used to create the prototype in case we need to
|
||||
// redefine the widget later
|
||||
_proto: $.extend( {}, prototype ), |
||||
// track widgets that inherit from this widget in case this widget is
|
||||
// redefined after a widget inherits from it
|
||||
_childConstructors: [] |
||||
}); |
||||
|
||||
basePrototype = new base(); |
||||
// we need to make the options hash a property directly on the new instance
|
||||
// otherwise we'll modify the options hash on the prototype that we're
|
||||
// inheriting from
|
||||
basePrototype.options = $.widget.extend( {}, basePrototype.options ); |
||||
$.each( prototype, function( prop, value ) { |
||||
if ( !$.isFunction( value ) ) { |
||||
proxiedPrototype[ prop ] = value; |
||||
return; |
||||
} |
||||
proxiedPrototype[ prop ] = (function() { |
||||
var _super = function() { |
||||
return base.prototype[ prop ].apply( this, arguments ); |
||||
}, |
||||
_superApply = function( args ) { |
||||
return base.prototype[ prop ].apply( this, args ); |
||||
}; |
||||
return function() { |
||||
var __super = this._super, |
||||
__superApply = this._superApply, |
||||
returnValue; |
||||
|
||||
this._super = _super; |
||||
this._superApply = _superApply; |
||||
|
||||
returnValue = value.apply( this, arguments ); |
||||
|
||||
this._super = __super; |
||||
this._superApply = __superApply; |
||||
|
||||
return returnValue; |
||||
}; |
||||
})(); |
||||
}); |
||||
constructor.prototype = $.widget.extend( basePrototype, { |
||||
// TODO: remove support for widgetEventPrefix
|
||||
// always use the name + a colon as the prefix, e.g., draggable:start
|
||||
// don't prefix for widgets that aren't DOM-based
|
||||
widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name |
||||
}, proxiedPrototype, { |
||||
constructor: constructor, |
||||
namespace: namespace, |
||||
widgetName: name, |
||||
widgetFullName: fullName |
||||
}); |
||||
|
||||
// If this widget is being redefined then we need to find all widgets that
|
||||
// are inheriting from it and redefine all of them so that they inherit from
|
||||
// the new version of this widget. We're essentially trying to replace one
|
||||
// level in the prototype chain.
|
||||
if ( existingConstructor ) { |
||||
$.each( existingConstructor._childConstructors, function( i, child ) { |
||||
var childPrototype = child.prototype; |
||||
|
||||
// redefine the child widget using the same prototype that was
|
||||
// originally used, but inherit from the new version of the base
|
||||
$.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto ); |
||||
}); |
||||
// remove the list of existing child constructors from the old constructor
|
||||
// so the old child constructors can be garbage collected
|
||||
delete existingConstructor._childConstructors; |
||||
} else { |
||||
base._childConstructors.push( constructor ); |
||||
} |
||||
|
||||
$.widget.bridge( name, constructor ); |
||||
|
||||
return constructor; |
||||
}; |
||||
|
||||
$.widget.extend = function( target ) { |
||||
var input = widget_slice.call( arguments, 1 ), |
||||
inputIndex = 0, |
||||
inputLength = input.length, |
||||
key, |
||||
value; |
||||
for ( ; inputIndex < inputLength; inputIndex++ ) { |
||||
for ( key in input[ inputIndex ] ) { |
||||
value = input[ inputIndex ][ key ]; |
||||
if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) { |
||||
// Clone objects
|
||||
if ( $.isPlainObject( value ) ) { |
||||
target[ key ] = $.isPlainObject( target[ key ] ) ? |
||||
$.widget.extend( {}, target[ key ], value ) : |
||||
// Don't extend strings, arrays, etc. with objects
|
||||
$.widget.extend( {}, value ); |
||||
// Copy everything else by reference
|
||||
} else { |
||||
target[ key ] = value; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
return target; |
||||
}; |
||||
|
||||
$.widget.bridge = function( name, object ) { |
||||
var fullName = object.prototype.widgetFullName || name; |
||||
$.fn[ name ] = function( options ) { |
||||
var isMethodCall = typeof options === "string", |
||||
args = widget_slice.call( arguments, 1 ), |
||||
returnValue = this; |
||||
|
||||
if ( isMethodCall ) { |
||||
this.each(function() { |
||||
var methodValue, |
||||
instance = $.data( this, fullName ); |
||||
if ( options === "instance" ) { |
||||
returnValue = instance; |
||||
return false; |
||||
} |
||||
if ( !instance ) { |
||||
return $.error( "cannot call methods on " + name + " prior to initialization; " + |
||||
"attempted to call method '" + options + "'" ); |
||||
} |
||||
if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) { |
||||
return $.error( "no such method '" + options + "' for " + name + " widget instance" ); |
||||
} |
||||
methodValue = instance[ options ].apply( instance, args ); |
||||
if ( methodValue !== instance && methodValue !== undefined ) { |
||||
returnValue = methodValue && methodValue.jquery ? |
||||
returnValue.pushStack( methodValue.get() ) : |
||||
methodValue; |
||||
return false; |
||||
} |
||||
}); |
||||
} else { |
||||
|
||||
// Allow multiple hashes to be passed on init
|
||||
if ( args.length ) { |
||||
options = $.widget.extend.apply( null, [ options ].concat(args) ); |
||||
} |
||||
|
||||
this.each(function() { |
||||
var instance = $.data( this, fullName ); |
||||
if ( instance ) { |
||||
instance.option( options || {} ); |
||||
if ( instance._init ) { |
||||
instance._init(); |
||||
} |
||||
} else { |
||||
$.data( this, fullName, new object( options, this ) ); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
return returnValue; |
||||
}; |
||||
}; |
||||
|
||||
$.Widget = function( /* options, element */ ) {}; |
||||
$.Widget._childConstructors = []; |
||||
|
||||
$.Widget.prototype = { |
||||
widgetName: "widget", |
||||
widgetEventPrefix: "", |
||||
defaultElement: "<div>", |
||||
options: { |
||||
disabled: false, |
||||
|
||||
// callbacks
|
||||
create: null |
||||
}, |
||||
_createWidget: function( options, element ) { |
||||
element = $( element || this.defaultElement || this )[ 0 ]; |
||||
this.element = $( element ); |
||||
this.uuid = widget_uuid++; |
||||
this.eventNamespace = "." + this.widgetName + this.uuid; |
||||
|
||||
this.bindings = $(); |
||||
this.hoverable = $(); |
||||
this.focusable = $(); |
||||
|
||||
if ( element !== this ) { |
||||
$.data( element, this.widgetFullName, this ); |
||||
this._on( true, this.element, { |
||||
remove: function( event ) { |
||||
if ( event.target === element ) { |
||||
this.destroy(); |
||||
} |
||||
} |
||||
}); |
||||
this.document = $( element.style ? |
||||
// element within the document
|
||||
element.ownerDocument : |
||||
// element is window or document
|
||||
element.document || element ); |
||||
this.window = $( this.document[0].defaultView || this.document[0].parentWindow ); |
||||
} |
||||
|
||||
this.options = $.widget.extend( {}, |
||||
this.options, |
||||
this._getCreateOptions(), |
||||
options ); |
||||
|
||||
this._create(); |
||||
this._trigger( "create", null, this._getCreateEventData() ); |
||||
this._init(); |
||||
}, |
||||
_getCreateOptions: $.noop, |
||||
_getCreateEventData: $.noop, |
||||
_create: $.noop, |
||||
_init: $.noop, |
||||
|
||||
destroy: function() { |
||||
this._destroy(); |
||||
// we can probably remove the unbind calls in 2.0
|
||||
// all event bindings should go through this._on()
|
||||
this.element |
||||
.unbind( this.eventNamespace ) |
||||
.removeData( this.widgetFullName ) |
||||
// support: jquery <1.6.3
|
||||
// http://bugs.jquery.com/ticket/9413
|
||||
.removeData( $.camelCase( this.widgetFullName ) ); |
||||
this.widget() |
||||
.unbind( this.eventNamespace ) |
||||
.removeAttr( "aria-disabled" ) |
||||
.removeClass( |
||||
this.widgetFullName + "-disabled " + |
||||
"ui-state-disabled" ); |
||||
|
||||
// clean up events and states
|
||||
this.bindings.unbind( this.eventNamespace ); |
||||
this.hoverable.removeClass( "ui-state-hover" ); |
||||
this.focusable.removeClass( "ui-state-focus" ); |
||||
}, |
||||
_destroy: $.noop, |
||||
|
||||
widget: function() { |
||||
return this.element; |
||||
}, |
||||
|
||||
option: function( key, value ) { |
||||
var options = key, |
||||
parts, |
||||
curOption, |
||||
i; |
||||
|
||||
if ( arguments.length === 0 ) { |
||||
// don't return a reference to the internal hash
|
||||
return $.widget.extend( {}, this.options ); |
||||
} |
||||
|
||||
if ( typeof key === "string" ) { |
||||
// handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
|
||||
options = {}; |
||||
parts = key.split( "." ); |
||||
key = parts.shift(); |
||||
if ( parts.length ) { |
||||
curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] ); |
||||
for ( i = 0; i < parts.length - 1; i++ ) { |
||||
curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {}; |
||||
curOption = curOption[ parts[ i ] ]; |
||||
} |
||||
key = parts.pop(); |
||||
if ( arguments.length === 1 ) { |
||||
return curOption[ key ] === undefined ? null : curOption[ key ]; |
||||
} |
||||
curOption[ key ] = value; |
||||
} else { |
||||
if ( arguments.length === 1 ) { |
||||
return this.options[ key ] === undefined ? null : this.options[ key ]; |
||||
} |
||||
options[ key ] = value; |
||||
} |
||||
} |
||||
|
||||
this._setOptions( options ); |
||||
|
||||
return this; |
||||
}, |
||||
_setOptions: function( options ) { |
||||
var key; |
||||
|
||||
for ( key in options ) { |
||||
this._setOption( key, options[ key ] ); |
||||
} |
||||
|
||||
return this; |
||||
}, |
||||
_setOption: function( key, value ) { |
||||
this.options[ key ] = value; |
||||
|
||||
if ( key === "disabled" ) { |
||||
this.widget() |
||||
.toggleClass( this.widgetFullName + "-disabled", !!value ); |
||||
|
||||
// If the widget is becoming disabled, then nothing is interactive
|
||||
if ( value ) { |
||||
this.hoverable.removeClass( "ui-state-hover" ); |
||||
this.focusable.removeClass( "ui-state-focus" ); |
||||
} |
||||
} |
||||
|
||||
return this; |
||||
}, |
||||
|
||||
enable: function() { |
||||
return this._setOptions({ disabled: false }); |
||||
}, |
||||
disable: function() { |
||||
return this._setOptions({ disabled: true }); |
||||
}, |
||||
|
||||
_on: function( suppressDisabledCheck, element, handlers ) { |
||||
var delegateElement, |
||||
instance = this; |
||||
|
||||
// no suppressDisabledCheck flag, shuffle arguments
|
||||
if ( typeof suppressDisabledCheck !== "boolean" ) { |
||||
handlers = element; |
||||
element = suppressDisabledCheck; |
||||
suppressDisabledCheck = false; |
||||
} |
||||
|
||||
// no element argument, shuffle and use this.element
|
||||
if ( !handlers ) { |
||||
handlers = element; |
||||
element = this.element; |
||||
delegateElement = this.widget(); |
||||
} else { |
||||
element = delegateElement = $( element ); |
||||
this.bindings = this.bindings.add( element ); |
||||
} |
||||
|
||||
$.each( handlers, function( event, handler ) { |
||||
function handlerProxy() { |
||||
// allow widgets to customize the disabled handling
|
||||
// - disabled as an array instead of boolean
|
||||
// - disabled class as method for disabling individual parts
|
||||
if ( !suppressDisabledCheck && |
||||
( instance.options.disabled === true || |
||||
$( this ).hasClass( "ui-state-disabled" ) ) ) { |
||||
return; |
||||
} |
||||
return ( typeof handler === "string" ? instance[ handler ] : handler ) |
||||
.apply( instance, arguments ); |
||||
} |
||||
|
||||
// copy the guid so direct unbinding works
|
||||
if ( typeof handler !== "string" ) { |
||||
handlerProxy.guid = handler.guid = |
||||
handler.guid || handlerProxy.guid || $.guid++; |
||||
} |
||||
|
||||
var match = event.match( /^([\w:-]*)\s*(.*)$/ ), |
||||
eventName = match[1] + instance.eventNamespace, |
||||
selector = match[2]; |
||||
if ( selector ) { |
||||
delegateElement.delegate( selector, eventName, handlerProxy ); |
||||
} else { |
||||
element.bind( eventName, handlerProxy ); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_off: function( element, eventName ) { |
||||
eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + |
||||
this.eventNamespace; |
||||
element.unbind( eventName ).undelegate( eventName ); |
||||
|
||||
// Clear the stack to avoid memory leaks (#10056)
|
||||
this.bindings = $( this.bindings.not( element ).get() ); |
||||
this.focusable = $( this.focusable.not( element ).get() ); |
||||
this.hoverable = $( this.hoverable.not( element ).get() ); |
||||
}, |
||||
|
||||
_delay: function( handler, delay ) { |
||||
function handlerProxy() { |
||||
return ( typeof handler === "string" ? instance[ handler ] : handler ) |
||||
.apply( instance, arguments ); |
||||
} |
||||
var instance = this; |
||||
return setTimeout( handlerProxy, delay || 0 ); |
||||
}, |
||||
|
||||
_hoverable: function( element ) { |
||||
this.hoverable = this.hoverable.add( element ); |
||||
this._on( element, { |
||||
mouseenter: function( event ) { |
||||
$( event.currentTarget ).addClass( "ui-state-hover" ); |
||||
}, |
||||
mouseleave: function( event ) { |
||||
$( event.currentTarget ).removeClass( "ui-state-hover" ); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_focusable: function( element ) { |
||||
this.focusable = this.focusable.add( element ); |
||||
this._on( element, { |
||||
focusin: function( event ) { |
||||
$( event.currentTarget ).addClass( "ui-state-focus" ); |
||||
}, |
||||
focusout: function( event ) { |
||||
$( event.currentTarget ).removeClass( "ui-state-focus" ); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_trigger: function( type, event, data ) { |
||||
var prop, orig, |
||||
callback = this.options[ type ]; |
||||
|
||||
data = data || {}; |
||||
event = $.Event( event ); |
||||
event.type = ( type === this.widgetEventPrefix ? |
||||
type : |
||||
this.widgetEventPrefix + type ).toLowerCase(); |
||||
// the original event may come from any element
|
||||
// so we need to reset the target on the new event
|
||||
event.target = this.element[ 0 ]; |
||||
|
||||
// copy original event properties over to the new event
|
||||
orig = event.originalEvent; |
||||
if ( orig ) { |
||||
for ( prop in orig ) { |
||||
if ( !( prop in event ) ) { |
||||
event[ prop ] = orig[ prop ]; |
||||
} |
||||
} |
||||
} |
||||
|
||||
this.element.trigger( event, data ); |
||||
return !( $.isFunction( callback ) && |
||||
callback.apply( this.element[0], [ event ].concat( data ) ) === false || |
||||
event.isDefaultPrevented() ); |
||||
} |
||||
}; |
||||
|
||||
$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) { |
||||
$.Widget.prototype[ "_" + method ] = function( element, options, callback ) { |
||||
if ( typeof options === "string" ) { |
||||
options = { effect: options }; |
||||
} |
||||
var hasOptions, |
||||
effectName = !options ? |
||||
method : |
||||
options === true || typeof options === "number" ? |
||||
defaultEffect : |
||||
options.effect || defaultEffect; |
||||
options = options || {}; |
||||
if ( typeof options === "number" ) { |
||||
options = { duration: options }; |
||||
} |
||||
hasOptions = !$.isEmptyObject( options ); |
||||
options.complete = callback; |
||||
if ( options.delay ) { |
||||
element.delay( options.delay ); |
||||
} |
||||
if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) { |
||||
element[ method ]( options ); |
||||
} else if ( effectName !== method && element[ effectName ] ) { |
||||
element[ effectName ]( options.duration, options.easing, callback ); |
||||
} else { |
||||
element.queue(function( next ) { |
||||
$( this )[ method ](); |
||||
if ( callback ) { |
||||
callback.call( element[ 0 ] ); |
||||
} |
||||
next(); |
||||
}); |
||||
} |
||||
}; |
||||
}); |
||||
|
||||
var widget = $.widget; |
||||
|
||||
|
||||
|
||||
})); |
||||
@ -0,0 +1,51 @@ |
||||
{ |
||||
"name": "blueimp-file-upload", |
||||
"version": "9.12.5", |
||||
"title": "jQuery File Upload", |
||||
"description": "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.", |
||||
"keywords": [ |
||||
"jquery", |
||||
"file", |
||||
"upload", |
||||
"widget", |
||||
"multiple", |
||||
"selection", |
||||
"drag", |
||||
"drop", |
||||
"progress", |
||||
"preview", |
||||
"cross-domain", |
||||
"cross-site", |
||||
"chunk", |
||||
"resume", |
||||
"gae", |
||||
"go", |
||||
"python", |
||||
"php", |
||||
"bootstrap" |
||||
], |
||||
"homepage": "https://github.com/blueimp/jQuery-File-Upload", |
||||
"author": { |
||||
"name": "Sebastian Tschan", |
||||
"url": "https://blueimp.net" |
||||
}, |
||||
"maintainers": [ |
||||
{ |
||||
"name": "Sebastian Tschan", |
||||
"url": "https://blueimp.net" |
||||
} |
||||
], |
||||
"repository": { |
||||
"type": "git", |
||||
"url": "git://github.com/blueimp/jQuery-File-Upload.git" |
||||
}, |
||||
"bugs": "https://github.com/blueimp/jQuery-File-Upload/issues", |
||||
"license": "MIT", |
||||
"main": "js/jquery.fileupload.js", |
||||
"devDependencies": { |
||||
"bower-json": "0.6.0", |
||||
"grunt": "0.4.5", |
||||
"grunt-bump-build-git": "1.1.2", |
||||
"grunt-contrib-jshint": "0.11.2" |
||||
} |
||||
} |
||||
@ -0,0 +1,12 @@ |
||||
application: jquery-file-upload |
||||
version: 2 |
||||
runtime: go |
||||
api_version: go1 |
||||
|
||||
handlers: |
||||
- url: /(favicon\.ico|robots\.txt) |
||||
static_files: static/\1 |
||||
upload: static/(.*) |
||||
expiration: '1d' |
||||
- url: /.* |
||||
script: _go_app |
||||
@ -0,0 +1,361 @@ |
||||
/* |
||||
* jQuery File Upload Plugin GAE Go Example |
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
* |
||||
* Copyright 2011, Sebastian Tschan |
||||
* https://blueimp.net
|
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/ |
||||
|
||||
package app |
||||
|
||||
import ( |
||||
"bufio" |
||||
"bytes" |
||||
"encoding/json" |
||||
"fmt" |
||||
"github.com/disintegration/gift" |
||||
"golang.org/x/net/context" |
||||
"google.golang.org/appengine" |
||||
"google.golang.org/appengine/memcache" |
||||
"hash/crc32" |
||||
"image" |
||||
"image/gif" |
||||
"image/jpeg" |
||||
"image/png" |
||||
"io" |
||||
"log" |
||||
"mime/multipart" |
||||
"net/http" |
||||
"net/url" |
||||
"path/filepath" |
||||
"regexp" |
||||
"strings" |
||||
) |
||||
|
||||
const ( |
||||
WEBSITE = "https://blueimp.github.io/jQuery-File-Upload/" |
||||
MIN_FILE_SIZE = 1 // bytes
|
||||
// Max file size is memcache limit (1MB) minus key size minus overhead:
|
||||
MAX_FILE_SIZE = 999000 // bytes
|
||||
IMAGE_TYPES = "image/(gif|p?jpeg|(x-)?png)" |
||||
ACCEPT_FILE_TYPES = IMAGE_TYPES |
||||
THUMB_MAX_WIDTH = 80 |
||||
THUMB_MAX_HEIGHT = 80 |
||||
EXPIRATION_TIME = 300 // seconds
|
||||
// If empty, only allow redirects to the referer protocol+host.
|
||||
// Set to a regexp string for custom pattern matching:
|
||||
REDIRECT_ALLOW_TARGET = "" |
||||
) |
||||
|
||||
var ( |
||||
imageTypes = regexp.MustCompile(IMAGE_TYPES) |
||||
acceptFileTypes = regexp.MustCompile(ACCEPT_FILE_TYPES) |
||||
thumbSuffix = "." + fmt.Sprint(THUMB_MAX_WIDTH) + "x" + |
||||
fmt.Sprint(THUMB_MAX_HEIGHT) |
||||
) |
||||
|
||||
func escape(s string) string { |
||||
return strings.Replace(url.QueryEscape(s), "+", "%20", -1) |
||||
} |
||||
|
||||
func extractKey(r *http.Request) string { |
||||
// Use RequestURI instead of r.URL.Path, as we need the encoded form:
|
||||
path := strings.Split(r.RequestURI, "?")[0] |
||||
// Also adjust double encoded slashes:
|
||||
return strings.Replace(path[1:], "%252F", "%2F", -1) |
||||
} |
||||
|
||||
func check(err error) { |
||||
if err != nil { |
||||
panic(err) |
||||
} |
||||
} |
||||
|
||||
type FileInfo struct { |
||||
Key string `json:"-"` |
||||
ThumbnailKey string `json:"-"` |
||||
Url string `json:"url,omitempty"` |
||||
ThumbnailUrl string `json:"thumbnailUrl,omitempty"` |
||||
Name string `json:"name"` |
||||
Type string `json:"type"` |
||||
Size int64 `json:"size"` |
||||
Error string `json:"error,omitempty"` |
||||
DeleteUrl string `json:"deleteUrl,omitempty"` |
||||
DeleteType string `json:"deleteType,omitempty"` |
||||
} |
||||
|
||||
func (fi *FileInfo) ValidateType() (valid bool) { |
||||
if acceptFileTypes.MatchString(fi.Type) { |
||||
return true |
||||
} |
||||
fi.Error = "Filetype not allowed" |
||||
return false |
||||
} |
||||
|
||||
func (fi *FileInfo) ValidateSize() (valid bool) { |
||||
if fi.Size < MIN_FILE_SIZE { |
||||
fi.Error = "File is too small" |
||||
} else if fi.Size > MAX_FILE_SIZE { |
||||
fi.Error = "File is too big" |
||||
} else { |
||||
return true |
||||
} |
||||
return false |
||||
} |
||||
|
||||
func (fi *FileInfo) CreateUrls(r *http.Request, c context.Context) { |
||||
u := &url.URL{ |
||||
Scheme: r.URL.Scheme, |
||||
Host: appengine.DefaultVersionHostname(c), |
||||
Path: "/", |
||||
} |
||||
uString := u.String() |
||||
fi.Url = uString + fi.Key |
||||
fi.DeleteUrl = fi.Url |
||||
fi.DeleteType = "DELETE" |
||||
if fi.ThumbnailKey != "" { |
||||
fi.ThumbnailUrl = uString + fi.ThumbnailKey |
||||
} |
||||
} |
||||
|
||||
func (fi *FileInfo) SetKey(checksum uint32) { |
||||
fi.Key = escape(string(fi.Type)) + "/" + |
||||
escape(fmt.Sprint(checksum)) + "/" + |
||||
escape(string(fi.Name)) |
||||
} |
||||
|
||||
func (fi *FileInfo) createThumb(buffer *bytes.Buffer, c context.Context) { |
||||
if imageTypes.MatchString(fi.Type) { |
||||
src, _, err := image.Decode(bytes.NewReader(buffer.Bytes())) |
||||
check(err) |
||||
filter := gift.New(gift.ResizeToFit( |
||||
THUMB_MAX_WIDTH, |
||||
THUMB_MAX_HEIGHT, |
||||
gift.LanczosResampling, |
||||
)) |
||||
dst := image.NewNRGBA(filter.Bounds(src.Bounds())) |
||||
filter.Draw(dst, src) |
||||
buffer.Reset() |
||||
bWriter := bufio.NewWriter(buffer) |
||||
switch fi.Type { |
||||
case "image/jpeg", "image/pjpeg": |
||||
err = jpeg.Encode(bWriter, dst, nil) |
||||
case "image/gif": |
||||
err = gif.Encode(bWriter, dst, nil) |
||||
default: |
||||
err = png.Encode(bWriter, dst) |
||||
} |
||||
check(err) |
||||
bWriter.Flush() |
||||
thumbnailKey := fi.Key + thumbSuffix + filepath.Ext(fi.Name) |
||||
item := &memcache.Item{ |
||||
Key: thumbnailKey, |
||||
Value: buffer.Bytes(), |
||||
} |
||||
err = memcache.Set(c, item) |
||||
check(err) |
||||
fi.ThumbnailKey = thumbnailKey |
||||
} |
||||
} |
||||
|
||||
func handleUpload(r *http.Request, p *multipart.Part) (fi *FileInfo) { |
||||
fi = &FileInfo{ |
||||
Name: p.FileName(), |
||||
Type: p.Header.Get("Content-Type"), |
||||
} |
||||
if !fi.ValidateType() { |
||||
return |
||||
} |
||||
defer func() { |
||||
if rec := recover(); rec != nil { |
||||
log.Println(rec) |
||||
fi.Error = rec.(error).Error() |
||||
} |
||||
}() |
||||
var buffer bytes.Buffer |
||||
hash := crc32.NewIEEE() |
||||
mw := io.MultiWriter(&buffer, hash) |
||||
lr := &io.LimitedReader{R: p, N: MAX_FILE_SIZE + 1} |
||||
_, err := io.Copy(mw, lr) |
||||
check(err) |
||||
fi.Size = MAX_FILE_SIZE + 1 - lr.N |
||||
if !fi.ValidateSize() { |
||||
return |
||||
} |
||||
fi.SetKey(hash.Sum32()) |
||||
item := &memcache.Item{ |
||||
Key: fi.Key, |
||||
Value: buffer.Bytes(), |
||||
} |
||||
context := appengine.NewContext(r) |
||||
err = memcache.Set(context, item) |
||||
check(err) |
||||
fi.createThumb(&buffer, context) |
||||
fi.CreateUrls(r, context) |
||||
return |
||||
} |
||||
|
||||
func getFormValue(p *multipart.Part) string { |
||||
var b bytes.Buffer |
||||
io.CopyN(&b, p, int64(1<<20)) // Copy max: 1 MiB
|
||||
return b.String() |
||||
} |
||||
|
||||
func handleUploads(r *http.Request) (fileInfos []*FileInfo) { |
||||
fileInfos = make([]*FileInfo, 0) |
||||
mr, err := r.MultipartReader() |
||||
check(err) |
||||
r.Form, err = url.ParseQuery(r.URL.RawQuery) |
||||
check(err) |
||||
part, err := mr.NextPart() |
||||
for err == nil { |
||||
if name := part.FormName(); name != "" { |
||||
if part.FileName() != "" { |
||||
fileInfos = append(fileInfos, handleUpload(r, part)) |
||||
} else { |
||||
r.Form[name] = append(r.Form[name], getFormValue(part)) |
||||
} |
||||
} |
||||
part, err = mr.NextPart() |
||||
} |
||||
return |
||||
} |
||||
|
||||
func validateRedirect(r *http.Request, redirect string) bool { |
||||
if redirect != "" { |
||||
var redirectAllowTarget *regexp.Regexp |
||||
if REDIRECT_ALLOW_TARGET != "" { |
||||
redirectAllowTarget = regexp.MustCompile(REDIRECT_ALLOW_TARGET) |
||||
} else { |
||||
referer := r.Referer() |
||||
if referer == "" { |
||||
return false |
||||
} |
||||
refererUrl, err := url.Parse(referer) |
||||
if err != nil { |
||||
return false |
||||
} |
||||
redirectAllowTarget = regexp.MustCompile("^" + regexp.QuoteMeta( |
||||
refererUrl.Scheme+"://"+refererUrl.Host+"/", |
||||
)) |
||||
} |
||||
return redirectAllowTarget.MatchString(redirect) |
||||
} |
||||
return false |
||||
} |
||||
|
||||
func get(w http.ResponseWriter, r *http.Request) { |
||||
if r.URL.Path == "/" { |
||||
http.Redirect(w, r, WEBSITE, http.StatusFound) |
||||
return |
||||
} |
||||
// Use RequestURI instead of r.URL.Path, as we need the encoded form:
|
||||
key := extractKey(r) |
||||
parts := strings.Split(key, "/") |
||||
if len(parts) == 3 { |
||||
context := appengine.NewContext(r) |
||||
item, err := memcache.Get(context, key) |
||||
if err == nil { |
||||
w.Header().Add("X-Content-Type-Options", "nosniff") |
||||
contentType, _ := url.QueryUnescape(parts[0]) |
||||
if !imageTypes.MatchString(contentType) { |
||||
contentType = "application/octet-stream" |
||||
} |
||||
w.Header().Add("Content-Type", contentType) |
||||
w.Header().Add( |
||||
"Cache-Control", |
||||
fmt.Sprintf("public,max-age=%d", EXPIRATION_TIME), |
||||
) |
||||
w.Write(item.Value) |
||||
return |
||||
} |
||||
} |
||||
http.Error(w, "404 Not Found", http.StatusNotFound) |
||||
} |
||||
|
||||
func post(w http.ResponseWriter, r *http.Request) { |
||||
result := make(map[string][]*FileInfo, 1) |
||||
result["files"] = handleUploads(r) |
||||
b, err := json.Marshal(result) |
||||
check(err) |
||||
if redirect := r.FormValue("redirect"); validateRedirect(r, redirect) { |
||||
if strings.Contains(redirect, "%s") { |
||||
redirect = fmt.Sprintf( |
||||
redirect, |
||||
escape(string(b)), |
||||
) |
||||
} |
||||
http.Redirect(w, r, redirect, http.StatusFound) |
||||
return |
||||
} |
||||
w.Header().Set("Cache-Control", "no-cache") |
||||
jsonType := "application/json" |
||||
if strings.Index(r.Header.Get("Accept"), jsonType) != -1 { |
||||
w.Header().Set("Content-Type", jsonType) |
||||
} |
||||
fmt.Fprintln(w, string(b)) |
||||
} |
||||
|
||||
func delete(w http.ResponseWriter, r *http.Request) { |
||||
key := extractKey(r) |
||||
parts := strings.Split(key, "/") |
||||
if len(parts) == 3 { |
||||
result := make(map[string]bool, 1) |
||||
context := appengine.NewContext(r) |
||||
err := memcache.Delete(context, key) |
||||
if err == nil { |
||||
result[key] = true |
||||
contentType, _ := url.QueryUnescape(parts[0]) |
||||
if imageTypes.MatchString(contentType) { |
||||
thumbnailKey := key + thumbSuffix + filepath.Ext(parts[2]) |
||||
err := memcache.Delete(context, thumbnailKey) |
||||
if err == nil { |
||||
result[thumbnailKey] = true |
||||
} |
||||
} |
||||
} |
||||
w.Header().Set("Content-Type", "application/json") |
||||
b, err := json.Marshal(result) |
||||
check(err) |
||||
fmt.Fprintln(w, string(b)) |
||||
} else { |
||||
http.Error(w, "405 Method not allowed", http.StatusMethodNotAllowed) |
||||
} |
||||
} |
||||
|
||||
func handle(w http.ResponseWriter, r *http.Request) { |
||||
params, err := url.ParseQuery(r.URL.RawQuery) |
||||
check(err) |
||||
w.Header().Add("Access-Control-Allow-Origin", "*") |
||||
w.Header().Add( |
||||
"Access-Control-Allow-Methods", |
||||
"OPTIONS, HEAD, GET, POST, DELETE", |
||||
) |
||||
w.Header().Add( |
||||
"Access-Control-Allow-Headers", |
||||
"Content-Type, Content-Range, Content-Disposition", |
||||
) |
||||
switch r.Method { |
||||
case "OPTIONS", "HEAD": |
||||
return |
||||
case "GET": |
||||
get(w, r) |
||||
case "POST": |
||||
if len(params["_method"]) > 0 && params["_method"][0] == "DELETE" { |
||||
delete(w, r) |
||||
} else { |
||||
post(w, r) |
||||
} |
||||
case "DELETE": |
||||
delete(w, r) |
||||
default: |
||||
http.Error(w, "501 Not Implemented", http.StatusNotImplemented) |
||||
} |
||||
} |
||||
|
||||
func init() { |
||||
http.HandleFunc("/", handle) |
||||
} |
||||
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,2 @@ |
||||
User-agent: * |
||||
Disallow: |
||||
@ -0,0 +1,17 @@ |
||||
application: jquery-file-upload |
||||
version: 1 |
||||
runtime: python27 |
||||
api_version: 1 |
||||
threadsafe: true |
||||
|
||||
libraries: |
||||
- name: PIL |
||||
version: latest |
||||
|
||||
handlers: |
||||
- url: /(favicon\.ico|robots\.txt) |
||||
static_files: static/\1 |
||||
upload: static/(.*) |
||||
expiration: '1d' |
||||
- url: /.* |
||||
script: main.app |
||||
@ -0,0 +1,204 @@ |
||||
# -*- coding: utf-8 -*- |
||||
# |
||||
# jQuery File Upload Plugin GAE Python Example |
||||
# https://github.com/blueimp/jQuery-File-Upload |
||||
# |
||||
# Copyright 2011, Sebastian Tschan |
||||
# https://blueimp.net |
||||
# |
||||
# Licensed under the MIT license: |
||||
# http://www.opensource.org/licenses/MIT |
||||
# |
||||
|
||||
from google.appengine.api import memcache, images |
||||
import json |
||||
import os |
||||
import re |
||||
import urllib |
||||
import webapp2 |
||||
|
||||
DEBUG=os.environ.get('SERVER_SOFTWARE', '').startswith('Dev') |
||||
WEBSITE = 'https://blueimp.github.io/jQuery-File-Upload/' |
||||
MIN_FILE_SIZE = 1 # bytes |
||||
# Max file size is memcache limit (1MB) minus key size minus overhead: |
||||
MAX_FILE_SIZE = 999000 # bytes |
||||
IMAGE_TYPES = re.compile('image/(gif|p?jpeg|(x-)?png)') |
||||
ACCEPT_FILE_TYPES = IMAGE_TYPES |
||||
THUMB_MAX_WIDTH = 80 |
||||
THUMB_MAX_HEIGHT = 80 |
||||
THUMB_SUFFIX = '.'+str(THUMB_MAX_WIDTH)+'x'+str(THUMB_MAX_HEIGHT)+'.png' |
||||
EXPIRATION_TIME = 300 # seconds |
||||
# If set to None, only allow redirects to the referer protocol+host. |
||||
# Set to a regexp for custom pattern matching against the redirect value: |
||||
REDIRECT_ALLOW_TARGET = None |
||||
|
||||
class CORSHandler(webapp2.RequestHandler): |
||||
def cors(self): |
||||
headers = self.response.headers |
||||
headers['Access-Control-Allow-Origin'] = '*' |
||||
headers['Access-Control-Allow-Methods'] =\ |
||||
'OPTIONS, HEAD, GET, POST, DELETE' |
||||
headers['Access-Control-Allow-Headers'] =\ |
||||
'Content-Type, Content-Range, Content-Disposition' |
||||
|
||||
def initialize(self, request, response): |
||||
super(CORSHandler, self).initialize(request, response) |
||||
self.cors() |
||||
|
||||
def json_stringify(self, obj): |
||||
return json.dumps(obj, separators=(',', ':')) |
||||
|
||||
def options(self, *args, **kwargs): |
||||
pass |
||||
|
||||
class UploadHandler(CORSHandler): |
||||
def validate(self, file): |
||||
if file['size'] < MIN_FILE_SIZE: |
||||
file['error'] = 'File is too small' |
||||
elif file['size'] > MAX_FILE_SIZE: |
||||
file['error'] = 'File is too big' |
||||
elif not ACCEPT_FILE_TYPES.match(file['type']): |
||||
file['error'] = 'Filetype not allowed' |
||||
else: |
||||
return True |
||||
return False |
||||
|
||||
def validate_redirect(self, redirect): |
||||
if redirect: |
||||
if REDIRECT_ALLOW_TARGET: |
||||
return REDIRECT_ALLOW_TARGET.match(redirect) |
||||
referer = self.request.headers['referer'] |
||||
if referer: |
||||
from urlparse import urlparse |
||||
parts = urlparse(referer) |
||||
redirect_allow_target = '^' + re.escape( |
||||
parts.scheme + '://' + parts.netloc + '/' |
||||
) |
||||
return re.match(redirect_allow_target, redirect) |
||||
return False |
||||
|
||||
def get_file_size(self, file): |
||||
file.seek(0, 2) # Seek to the end of the file |
||||
size = file.tell() # Get the position of EOF |
||||
file.seek(0) # Reset the file position to the beginning |
||||
return size |
||||
|
||||
def write_blob(self, data, info): |
||||
key = urllib.quote(info['type'].encode('utf-8'), '') +\ |
||||
'/' + str(hash(data)) +\ |
||||
'/' + urllib.quote(info['name'].encode('utf-8'), '') |
||||
try: |
||||
memcache.set(key, data, time=EXPIRATION_TIME) |
||||
except: #Failed to add to memcache |
||||
return (None, None) |
||||
thumbnail_key = None |
||||
if IMAGE_TYPES.match(info['type']): |
||||
try: |
||||
img = images.Image(image_data=data) |
||||
img.resize( |
||||
width=THUMB_MAX_WIDTH, |
||||
height=THUMB_MAX_HEIGHT |
||||
) |
||||
thumbnail_data = img.execute_transforms() |
||||
thumbnail_key = key + THUMB_SUFFIX |
||||
memcache.set( |
||||
thumbnail_key, |
||||
thumbnail_data, |
||||
time=EXPIRATION_TIME |
||||
) |
||||
except: #Failed to resize Image or add to memcache |
||||
thumbnail_key = None |
||||
return (key, thumbnail_key) |
||||
|
||||
def handle_upload(self): |
||||
results = [] |
||||
for name, fieldStorage in self.request.POST.items(): |
||||
if type(fieldStorage) is unicode: |
||||
continue |
||||
result = {} |
||||
result['name'] = urllib.unquote(fieldStorage.filename) |
||||
result['type'] = fieldStorage.type |
||||
result['size'] = self.get_file_size(fieldStorage.file) |
||||
if self.validate(result): |
||||
key, thumbnail_key = self.write_blob( |
||||
fieldStorage.value, |
||||
result |
||||
) |
||||
if key is not None: |
||||
result['url'] = self.request.host_url + '/' + key |
||||
result['deleteUrl'] = result['url'] |
||||
result['deleteType'] = 'DELETE' |
||||
if thumbnail_key is not None: |
||||
result['thumbnailUrl'] = self.request.host_url +\ |
||||
'/' + thumbnail_key |
||||
else: |
||||
result['error'] = 'Failed to store uploaded file.' |
||||
results.append(result) |
||||
return results |
||||
|
||||
def head(self): |
||||
pass |
||||
|
||||
def get(self): |
||||
self.redirect(WEBSITE) |
||||
|
||||
def post(self): |
||||
if (self.request.get('_method') == 'DELETE'): |
||||
return self.delete() |
||||
result = {'files': self.handle_upload()} |
||||
s = self.json_stringify(result) |
||||
redirect = self.request.get('redirect') |
||||
if self.validate_redirect(redirect): |
||||
return self.redirect(str( |
||||
redirect.replace('%s', urllib.quote(s, ''), 1) |
||||
)) |
||||
if 'application/json' in self.request.headers.get('Accept'): |
||||
self.response.headers['Content-Type'] = 'application/json' |
||||
self.response.write(s) |
||||
|
||||
class FileHandler(CORSHandler): |
||||
def normalize(self, str): |
||||
return urllib.quote(urllib.unquote(str), '') |
||||
|
||||
def get(self, content_type, data_hash, file_name): |
||||
content_type = self.normalize(content_type) |
||||
file_name = self.normalize(file_name) |
||||
key = content_type + '/' + data_hash + '/' + file_name |
||||
data = memcache.get(key) |
||||
if data is None: |
||||
return self.error(404) |
||||
# Prevent browsers from MIME-sniffing the content-type: |
||||
self.response.headers['X-Content-Type-Options'] = 'nosniff' |
||||
content_type = urllib.unquote(content_type) |
||||
if not IMAGE_TYPES.match(content_type): |
||||
# Force a download dialog for non-image types: |
||||
content_type = 'application/octet-stream' |
||||
elif file_name.endswith(THUMB_SUFFIX): |
||||
content_type = 'image/png' |
||||
self.response.headers['Content-Type'] = content_type |
||||
# Cache for the expiration time: |
||||
self.response.headers['Cache-Control'] = 'public,max-age=%d' \ |
||||
% EXPIRATION_TIME |
||||
self.response.write(data) |
||||
|
||||
def delete(self, content_type, data_hash, file_name): |
||||
content_type = self.normalize(content_type) |
||||
file_name = self.normalize(file_name) |
||||
key = content_type + '/' + data_hash + '/' + file_name |
||||
result = {key: memcache.delete(key)} |
||||
content_type = urllib.unquote(content_type) |
||||
if IMAGE_TYPES.match(content_type): |
||||
thumbnail_key = key + THUMB_SUFFIX |
||||
result[thumbnail_key] = memcache.delete(thumbnail_key) |
||||
if 'application/json' in self.request.headers.get('Accept'): |
||||
self.response.headers['Content-Type'] = 'application/json' |
||||
s = self.json_stringify(result) |
||||
self.response.write(s) |
||||
|
||||
app = webapp2.WSGIApplication( |
||||
[ |
||||
('/', UploadHandler), |
||||
('/(.+)/([^/]+)/([^/]+)', FileHandler) |
||||
], |
||||
debug=DEBUG |
||||
) |
||||
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,2 @@ |
||||
User-agent: * |
||||
Disallow: |
||||
@ -0,0 +1,38 @@ |
||||
FROM php:7.0-apache |
||||
|
||||
# Enable the Apache Headers module: |
||||
RUN ln -s /etc/apache2/mods-available/headers.load \ |
||||
/etc/apache2/mods-enabled/headers.load |
||||
|
||||
# Enable the Apache Rewrite module: |
||||
RUN ln -s /etc/apache2/mods-available/rewrite.load \ |
||||
/etc/apache2/mods-enabled/rewrite.load |
||||
|
||||
# Install GD, Imagick and ImageMagick as image conversion options: |
||||
RUN DEBIAN_FRONTEND=noninteractive \ |
||||
apt-get update && apt-get install -y --no-install-recommends \ |
||||
libpng-dev \ |
||||
libjpeg-dev \ |
||||
libmagickwand-dev \ |
||||
imagemagick \ |
||||
&& pecl install \ |
||||
imagick \ |
||||
&& docker-php-ext-enable \ |
||||
imagick \ |
||||
&& docker-php-ext-configure \ |
||||
gd --with-jpeg-dir=/usr/include/ \ |
||||
&& docker-php-ext-install \ |
||||
gd \ |
||||
# Uninstall obsolete packages: |
||||
&& apt-get autoremove -y \ |
||||
libpng-dev \ |
||||
libjpeg-dev \ |
||||
libmagickwand-dev \ |
||||
# Remove obsolete files: |
||||
&& apt-get clean \ |
||||
&& rm -rf \ |
||||
/tmp/* \ |
||||
/usr/share/doc/* \ |
||||
/var/cache/* \ |
||||
/var/lib/apt/lists/* \ |
||||
/var/tmp/* |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,6 @@ |
||||
apache: |
||||
build: ./ |
||||
ports: |
||||
- "80:80" |
||||
volumes: |
||||
- "../../:/var/www/html" |
||||
@ -0,0 +1,3 @@ |
||||
* |
||||
!.gitignore |
||||
!.htaccess |
||||
@ -0,0 +1,23 @@ |
||||
# The following directives prevent the execution of script files |
||||
# in the context of the website. |
||||
# They also force the content-type application/octet-stream and |
||||
# force browsers to display a download dialog for non-image files. |
||||
SetHandler default-handler |
||||
ForceType application/octet-stream |
||||
Header set Content-Disposition attachment |
||||
|
||||
# The following unsets the forced type and Content-Disposition headers |
||||
# for known image files: |
||||
<FilesMatch "(?i)\.(gif|jpe?g|png)$"> |
||||
ForceType none |
||||
Header unset Content-Disposition |
||||
</FilesMatch> |
||||
|
||||
# The following directive prevents browsers from MIME-sniffing the content-type. |
||||
# This is an important complement to the ForceType directive above: |
||||
Header set X-Content-Type-Options nosniff |
||||
|
||||
# Uncomment the following lines to prevent unauthorized download of files: |
||||
#AuthName "Authorization required" |
||||
#AuthType Basic |
||||
#require valid-user |
||||
@ -0,0 +1,15 @@ |
||||
<?php |
||||
/* |
||||
* jQuery File Upload Plugin PHP Example |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2010, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
|
||||
error_reporting(E_ALL | E_STRICT); |
||||
require('UploadHandler.php'); |
||||
$upload_handler = new UploadHandler(); |
||||
@ -0,0 +1,172 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
/* |
||||
* jQuery File Upload Plugin Test |
||||
* https://github.com/blueimp/jQuery-File-Upload |
||||
* |
||||
* Copyright 2010, Sebastian Tschan |
||||
* https://blueimp.net |
||||
* |
||||
* Licensed under the MIT license: |
||||
* http://www.opensource.org/licenses/MIT |
||||
*/ |
||||
--> |
||||
<html lang="en"> |
||||
<head> |
||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
||||
<!--[if IE]> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<![endif]--> |
||||
<meta charset="utf-8"> |
||||
<title>jQuery File Upload Plugin Test</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<link rel="stylesheet" href="//codeorigin.jquery.com/qunit/qunit-1.14.0.css"> |
||||
</head> |
||||
<body> |
||||
<h1 id="qunit-header">jQuery File Upload Plugin Test</h1> |
||||
<h2 id="qunit-banner"></h2> |
||||
<div id="qunit-testrunner-toolbar"></div> |
||||
<h2 id="qunit-userAgent"></h2> |
||||
<ol id="qunit-tests"></ol> |
||||
<div id="qunit-fixture"> |
||||
<!-- The file upload form used as target for the file upload widget --> |
||||
<form id="fileupload" action="../server/php/" method="POST" enctype="multipart/form-data"> |
||||
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --> |
||||
<div class="row fileupload-buttonbar"> |
||||
<div class="col-lg-7"> |
||||
<!-- The fileinput-button span is used to style the file input field as button --> |
||||
<span class="btn btn-success fileinput-button"> |
||||
<i class="icon-plus icon-white"></i> |
||||
<span>Add files...</span> |
||||
<input type="file" name="files[]" multiple> |
||||
</span> |
||||
<button type="submit" class="btn btn-primary start"> |
||||
<i class="icon-upload icon-white"></i> |
||||
<span>Start upload</span> |
||||
</button> |
||||
<button type="reset" class="btn btn-warning cancel"> |
||||
<i class="icon-ban-circle icon-white"></i> |
||||
<span>Cancel upload</span> |
||||
</button> |
||||
<button type="button" class="btn btn-danger delete"> |
||||
<i class="icon-trash icon-white"></i> |
||||
<span>Delete</span> |
||||
</button> |
||||
<input type="checkbox" class="toggle"> |
||||
<!-- The global file processing state --> |
||||
<span class="fileupload-process"></span> |
||||
</div> |
||||
<!-- The global progress state --> |
||||
<div class="col-lg-5 fileupload-progress"> |
||||
<!-- The global progress bar --> |
||||
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"> |
||||
<div class="progress-bar progress-bar-success" style="width:0%;"></div> |
||||
</div> |
||||
<!-- The extended global progress state --> |
||||
<div class="progress-extended"> </div> |
||||
</div> |
||||
</div> |
||||
<!-- The table listing the files available for upload/download --> |
||||
<table role="presentation" class="table table-striped"><tbody class="files"></tbody></table> |
||||
</form> |
||||
</div> |
||||
<!-- The template to display files available for upload --> |
||||
<script id="template-upload" type="text/x-tmpl"> |
||||
{% for (var i=0, file; file=o.files[i]; i++) { %} |
||||
<tr class="template-upload"> |
||||
<td> |
||||
<span class="preview"></span> |
||||
</td> |
||||
<td> |
||||
<p class="name">{%=file.name%}</p> |
||||
<strong class="error text-danger"></strong> |
||||
</td> |
||||
<td> |
||||
<p class="size">Processing...</p> |
||||
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div> |
||||
</td> |
||||
<td> |
||||
{% if (!i && !o.options.autoUpload) { %} |
||||
<button class="btn btn-primary start" disabled> |
||||
<i class="glyphicon glyphicon-upload"></i> |
||||
<span>Start</span> |
||||
</button> |
||||
{% } %} |
||||
{% if (!i) { %} |
||||
<button class="btn btn-warning cancel"> |
||||
<i class="glyphicon glyphicon-ban-circle"></i> |
||||
<span>Cancel</span> |
||||
</button> |
||||
{% } %} |
||||
</td> |
||||
</tr> |
||||
{% } %} |
||||
</script> |
||||
<!-- The template to display files available for download --> |
||||
<script id="template-download" type="text/x-tmpl"> |
||||
{% for (var i=0, file; file=o.files[i]; i++) { %} |
||||
<tr class="template-download"> |
||||
<td> |
||||
<span class="preview"> |
||||
{% if (file.thumbnailUrl) { %} |
||||
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a> |
||||
{% } %} |
||||
</span> |
||||
</td> |
||||
<td> |
||||
<p class="name"> |
||||
{% if (file.url) { %} |
||||
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> |
||||
{% } else { %} |
||||
<span>{%=file.name%}</span> |
||||
{% } %} |
||||
</p> |
||||
{% if (file.error) { %} |
||||
<div><span class="label label-danger">Error</span> {%=file.error%}</div> |
||||
{% } %} |
||||
</td> |
||||
<td> |
||||
<span class="size">{%=o.formatFileSize(file.size)%}</span> |
||||
</td> |
||||
<td> |
||||
{% if (file.deleteUrl) { %} |
||||
<button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}> |
||||
<i class="glyphicon glyphicon-trash"></i> |
||||
<span>Delete</span> |
||||
</button> |
||||
<input type="checkbox" name="delete" value="1" class="toggle"> |
||||
{% } else { %} |
||||
<button class="btn btn-warning cancel"> |
||||
<i class="glyphicon glyphicon-ban-circle"></i> |
||||
<span>Cancel</span> |
||||
</button> |
||||
{% } %} |
||||
</td> |
||||
</tr> |
||||
{% } %} |
||||
</script> |
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> |
||||
<script src="../js/vendor/jquery.ui.widget.js"></script> |
||||
<script src="//blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script> |
||||
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script> |
||||
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script> |
||||
<script src="../js/jquery.iframe-transport.js"></script> |
||||
<script src="../js/jquery.fileupload.js"></script> |
||||
<script> |
||||
/* global window, $ */ |
||||
window.testBasicWidget = $.blueimp.fileupload; |
||||
</script> |
||||
<script src="../js/jquery.fileupload-process.js"></script> |
||||
<script src="../js/jquery.fileupload-image.js"></script> |
||||
<script src="../js/jquery.fileupload-audio.js"></script> |
||||
<script src="../js/jquery.fileupload-video.js"></script> |
||||
<script src="../js/jquery.fileupload-validate.js"></script> |
||||
<script src="../js/jquery.fileupload-ui.js"></script> |
||||
<script> |
||||
/* global window, $ */ |
||||
window.testUIWidget = $.blueimp.fileupload; |
||||
</script> |
||||
<script src="//code.jquery.com/qunit/qunit-1.15.0.js"></script> |
||||
<script src="test.js"></script> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,408 @@ |
||||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {}; |
||||
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) { |
||||
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) |
||||
/******/ return installedModules[moduleId].exports; |
||||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = { |
||||
/******/ exports: {}, |
||||
/******/ id: moduleId, |
||||
/******/ loaded: false |
||||
/******/ }; |
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); |
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.loaded = true; |
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports; |
||||
/******/ } |
||||
|
||||
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules; |
||||
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules; |
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = ""; |
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(0); |
||||
/******/ }) |
||||
/************************************************************************/ |
||||
/******/ ([ |
||||
/* 0 */ |
||||
/***/ function(module, exports, __webpack_require__) { |
||||
|
||||
/* WEBPACK VAR INJECTION */(function(global) {global.path = __webpack_require__(1) |
||||
|
||||
/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) |
||||
|
||||
/***/ }, |
||||
/* 1 */ |
||||
/***/ function(module, exports, __webpack_require__) { |
||||
|
||||
/* WEBPACK VAR INJECTION */(function(process) {// Copyright Joyent, Inc. and other Node contributors.
|
||||
//
|
||||
// Permission is hereby granted, free of charge, to any person obtaining a
|
||||
// copy of this software and associated documentation files (the
|
||||
// "Software"), to deal in the Software without restriction, including
|
||||
// without limitation the rights to use, copy, modify, merge, publish,
|
||||
// distribute, sublicense, and/or sell copies of the Software, and to permit
|
||||
// persons to whom the Software is furnished to do so, subject to the
|
||||
// following conditions:
|
||||
//
|
||||
// The above copyright notice and this permission notice shall be included
|
||||
// in all copies or substantial portions of the Software.
|
||||
//
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
||||
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
|
||||
// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
|
||||
// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
||||
// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
|
||||
// USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
// resolves . and .. elements in a path array with directory names there
|
||||
// must be no slashes, empty elements, or device names (c:\) in the array
|
||||
// (so also no leading and trailing slashes - it does not distinguish
|
||||
// relative and absolute paths)
|
||||
function normalizeArray(parts, allowAboveRoot) { |
||||
// if the path tries to go above the root, `up` ends up > 0
|
||||
var up = 0; |
||||
for (var i = parts.length - 1; i >= 0; i--) { |
||||
var last = parts[i]; |
||||
if (last === '.') { |
||||
parts.splice(i, 1); |
||||
} else if (last === '..') { |
||||
parts.splice(i, 1); |
||||
up++; |
||||
} else if (up) { |
||||
parts.splice(i, 1); |
||||
up--; |
||||
} |
||||
} |
||||
|
||||
// if the path is allowed to go above the root, restore leading ..s
|
||||
if (allowAboveRoot) { |
||||
for (; up--; up) { |
||||
parts.unshift('..'); |
||||
} |
||||
} |
||||
|
||||
return parts; |
||||
} |
||||
|
||||
// Split a filename into [root, dir, basename, ext], unix version
|
||||
// 'root' is just a slash, or nothing.
|
||||
var splitPathRe = |
||||
/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/; |
||||
var splitPath = function(filename) { |
||||
return splitPathRe.exec(filename).slice(1); |
||||
}; |
||||
|
||||
// path.resolve([from ...], to)
|
||||
// posix version
|
||||
exports.resolve = function() { |
||||
var resolvedPath = '', |
||||
resolvedAbsolute = false; |
||||
|
||||
for (var i = arguments.length - 1; i >= -1 && !resolvedAbsolute; i--) { |
||||
var path = (i >= 0) ? arguments[i] : process.cwd(); |
||||
|
||||
// Skip empty and invalid entries
|
||||
if (typeof path !== 'string') { |
||||
throw new TypeError('Arguments to path.resolve must be strings'); |
||||
} else if (!path) { |
||||
continue; |
||||
} |
||||
|
||||
resolvedPath = path + '/' + resolvedPath; |
||||
resolvedAbsolute = path.charAt(0) === '/'; |
||||
} |
||||
|
||||
// At this point the path should be resolved to a full absolute path, but
|
||||
// handle relative paths to be safe (might happen when process.cwd() fails)
|
||||
|
||||
// Normalize the path
|
||||
resolvedPath = normalizeArray(filter(resolvedPath.split('/'), function(p) { |
||||
return !!p; |
||||
}), !resolvedAbsolute).join('/'); |
||||
|
||||
return ((resolvedAbsolute ? '/' : '') + resolvedPath) || '.'; |
||||
}; |
||||
|
||||
// path.normalize(path)
|
||||
// posix version
|
||||
exports.normalize = function(path) { |
||||
var isAbsolute = exports.isAbsolute(path), |
||||
trailingSlash = substr(path, -1) === '/'; |
||||
|
||||
// Normalize the path
|
||||
path = normalizeArray(filter(path.split('/'), function(p) { |
||||
return !!p; |
||||
}), !isAbsolute).join('/'); |
||||
|
||||
if (!path && !isAbsolute) { |
||||
path = '.'; |
||||
} |
||||
if (path && trailingSlash) { |
||||
path += '/'; |
||||
} |
||||
|
||||
return (isAbsolute ? '/' : '') + path; |
||||
}; |
||||
|
||||
// posix version
|
||||
exports.isAbsolute = function(path) { |
||||
return path.charAt(0) === '/'; |
||||
}; |
||||
|
||||
// posix version
|
||||
exports.join = function() { |
||||
var paths = Array.prototype.slice.call(arguments, 0); |
||||
return exports.normalize(filter(paths, function(p, index) { |
||||
if (typeof p !== 'string') { |
||||
throw new TypeError('Arguments to path.join must be strings'); |
||||
} |
||||
return p; |
||||
}).join('/')); |
||||
}; |
||||
|
||||
|
||||
// path.relative(from, to)
|
||||
// posix version
|
||||
exports.relative = function(from, to) { |
||||
from = exports.resolve(from).substr(1); |
||||
to = exports.resolve(to).substr(1); |
||||
|
||||
function trim(arr) { |
||||
var start = 0; |
||||
for (; start < arr.length; start++) { |
||||
if (arr[start] !== '') break; |
||||
} |
||||
|
||||
var end = arr.length - 1; |
||||
for (; end >= 0; end--) { |
||||
if (arr[end] !== '') break; |
||||
} |
||||
|
||||
if (start > end) return []; |
||||
return arr.slice(start, end - start + 1); |
||||
} |
||||
|
||||
var fromParts = trim(from.split('/')); |
||||
var toParts = trim(to.split('/')); |
||||
|
||||
var length = Math.min(fromParts.length, toParts.length); |
||||
var samePartsLength = length; |
||||
for (var i = 0; i < length; i++) { |
||||
if (fromParts[i] !== toParts[i]) { |
||||
samePartsLength = i; |
||||
break; |
||||
} |
||||
} |
||||
|
||||
var outputParts = []; |
||||
for (var i = samePartsLength; i < fromParts.length; i++) { |
||||
outputParts.push('..'); |
||||
} |
||||
|
||||
outputParts = outputParts.concat(toParts.slice(samePartsLength)); |
||||
|
||||
return outputParts.join('/'); |
||||
}; |
||||
|
||||
exports.sep = '/'; |
||||
exports.delimiter = ':'; |
||||
|
||||
exports.dirname = function(path) { |
||||
var result = splitPath(path), |
||||
root = result[0], |
||||
dir = result[1]; |
||||
|
||||
if (!root && !dir) { |
||||
// No dirname whatsoever
|
||||
return '.'; |
||||
} |
||||
|
||||
if (dir) { |
||||
// It has a dirname, strip trailing slash
|
||||
dir = dir.substr(0, dir.length - 1); |
||||
} |
||||
|
||||
return root + dir; |
||||
}; |
||||
|
||||
|
||||
exports.basename = function(path, ext) { |
||||
var f = splitPath(path)[2]; |
||||
// TODO: make this comparison case-insensitive on windows?
|
||||
if (ext && f.substr(-1 * ext.length) === ext) { |
||||
f = f.substr(0, f.length - ext.length); |
||||
} |
||||
return f; |
||||
}; |
||||
|
||||
|
||||
exports.extname = function(path) { |
||||
return splitPath(path)[3]; |
||||
}; |
||||
|
||||
function filter (xs, f) { |
||||
if (xs.filter) return xs.filter(f); |
||||
var res = []; |
||||
for (var i = 0; i < xs.length; i++) { |
||||
if (f(xs[i], i, xs)) res.push(xs[i]); |
||||
} |
||||
return res; |
||||
} |
||||
|
||||
// String.prototype.substr - negative index don't work in IE8
|
||||
var substr = 'ab'.substr(-1) === 'b' |
||||
? function (str, start, len) { return str.substr(start, len) } |
||||
: function (str, start, len) { |
||||
if (start < 0) start = str.length + start; |
||||
return str.substr(start, len); |
||||
} |
||||
; |
||||
|
||||
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2))) |
||||
|
||||
/***/ }, |
||||
/* 2 */ |
||||
/***/ function(module, exports) { |
||||
|
||||
// shim for using process in browser
|
||||
|
||||
var process = module.exports = {}; |
||||
|
||||
// cached from whatever global is present so that test runners that stub it
|
||||
// don't break things. But we need to wrap it in a try catch in case it is
|
||||
// wrapped in strict mode code which doesn't define any globals. It's inside a
|
||||
// function because try/catches deoptimize in certain engines.
|
||||
|
||||
var cachedSetTimeout; |
||||
var cachedClearTimeout; |
||||
|
||||
(function () { |
||||
try { |
||||
cachedSetTimeout = setTimeout; |
||||
} catch (e) { |
||||
cachedSetTimeout = function () { |
||||
throw new Error('setTimeout is not defined'); |
||||
} |
||||
} |
||||
try { |
||||
cachedClearTimeout = clearTimeout; |
||||
} catch (e) { |
||||
cachedClearTimeout = function () { |
||||
throw new Error('clearTimeout is not defined'); |
||||
} |
||||
} |
||||
} ()) |
||||
var queue = []; |
||||
var draining = false; |
||||
var currentQueue; |
||||
var queueIndex = -1; |
||||
|
||||
function cleanUpNextTick() { |
||||
if (!draining || !currentQueue) { |
||||
return; |
||||
} |
||||
draining = false; |
||||
if (currentQueue.length) { |
||||
queue = currentQueue.concat(queue); |
||||
} else { |
||||
queueIndex = -1; |
||||
} |
||||
if (queue.length) { |
||||
drainQueue(); |
||||
} |
||||
} |
||||
|
||||
function drainQueue() { |
||||
if (draining) { |
||||
return; |
||||
} |
||||
var timeout = cachedSetTimeout(cleanUpNextTick); |
||||
draining = true; |
||||
|
||||
var len = queue.length; |
||||
while(len) { |
||||
currentQueue = queue; |
||||
queue = []; |
||||
while (++queueIndex < len) { |
||||
if (currentQueue) { |
||||
currentQueue[queueIndex].run(); |
||||
} |
||||
} |
||||
queueIndex = -1; |
||||
len = queue.length; |
||||
} |
||||
currentQueue = null; |
||||
draining = false; |
||||
cachedClearTimeout(timeout); |
||||
} |
||||
|
||||
process.nextTick = function (fun) { |
||||
var args = new Array(arguments.length - 1); |
||||
if (arguments.length > 1) { |
||||
for (var i = 1; i < arguments.length; i++) { |
||||
args[i - 1] = arguments[i]; |
||||
} |
||||
} |
||||
queue.push(new Item(fun, args)); |
||||
if (queue.length === 1 && !draining) { |
||||
cachedSetTimeout(drainQueue, 0); |
||||
} |
||||
}; |
||||
|
||||
// v8 likes predictible objects
|
||||
function Item(fun, array) { |
||||
this.fun = fun; |
||||
this.array = array; |
||||
} |
||||
Item.prototype.run = function () { |
||||
this.fun.apply(null, this.array); |
||||
}; |
||||
process.title = 'browser'; |
||||
process.browser = true; |
||||
process.env = {}; |
||||
process.argv = []; |
||||
process.version = ''; // empty string to avoid regexp issues
|
||||
process.versions = {}; |
||||
|
||||
function noop() {} |
||||
|
||||
process.on = noop; |
||||
process.addListener = noop; |
||||
process.once = noop; |
||||
process.off = noop; |
||||
process.removeListener = noop; |
||||
process.removeAllListeners = noop; |
||||
process.emit = noop; |
||||
|
||||
process.binding = function (name) { |
||||
throw new Error('process.binding is not supported'); |
||||
}; |
||||
|
||||
process.cwd = function () { return '/' }; |
||||
process.chdir = function (dir) { |
||||
throw new Error('process.chdir is not supported'); |
||||
}; |
||||
process.umask = function() { return 0; }; |
||||
|
||||
|
||||
/***/ } |
||||
/******/ ]); |
||||
@ -0,0 +1 @@ |
||||
global.path = require('path') |
||||
@ -1,25 +1,48 @@ |
||||
{% load staticfiles %} |
||||
|
||||
<!doctype html> |
||||
<html ng-app='app'> |
||||
<html> |
||||
<head> |
||||
<meta charset='utf-8'> |
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge, chrome=1'> |
||||
<meta name='viewport' content='width=device-width, initial-scale=1'> |
||||
<meta name='viewport' content='initial-scale=1.0, user-scalable=no, maximum-scale=1'> |
||||
<title></title> |
||||
<!--<meta name='viewport' content='initial-scale=1.0, user-scalable=no, maximum-scale=1'>--> |
||||
|
||||
<style>[ng-cloak] {display: none !important}</style> <!-- Prevent Angular from displaying unrendered template expressions --> |
||||
<title>Archilance</title> |
||||
|
||||
<!--<link rel='stylesheet' href='/assets/css/style.css'>--> |
||||
<link rel='stylesheet' href='{% static "css/bootstrap.css" %}'> |
||||
<link rel='stylesheet' href='{% static "lib/bootstrap-select/css/bootstrap-select.css" %}'> |
||||
<link rel='stylesheet' href='{% static "css/swiper.min.css" %}'> |
||||
<link rel='stylesheet' href='{% static "lib/jquery.fileupload/css/jquery.fileupload.css" %}'> |
||||
|
||||
<link rel='stylesheet' href='{% static "css/dev-colors.css" %}'> <!-- Dev-time only, temporary!!! --> |
||||
</head> |
||||
|
||||
<body> |
||||
{% if messages %} |
||||
{% for message in messages %} |
||||
<div class="c" style='padding: 10px; margin-bottom: 6px'>{{ message | safe }}</div> |
||||
{% endfor %} |
||||
{% endif %} |
||||
|
||||
{% block content %}{% endblock %} |
||||
|
||||
<!--<script src='/assets/lib/lodash/lodash.js'></script> |
||||
<script src='/assets/lib/lodash/lodash.fp.js'></script>--> |
||||
<script src='{% static 'lib/angular/angular.js' %}'></script> |
||||
<script src='{% static 'index.js' %}'></script> |
||||
<script src='{% static "lib/lodash/lodash.js" %}'></script> |
||||
<script src='{% static "lib/lodash/lodash.fp.js" %}'></script> |
||||
|
||||
<script src='{% static "js/jquery-2.2.3.min.js" %}'></script> |
||||
<script src='{% static "js/bootstrap.min.js" %}'></script> |
||||
<script src='{% static "lib/bootstrap-select/js/bootstrap-select.js" %}'></script> |
||||
|
||||
<script src='{% static "lib/jquery.fileupload/js/vendor/jquery.ui.widget.js" %}'></script> |
||||
<script src='{% static "lib/jquery.fileupload/js/jquery.fileupload.js" %}'></script> |
||||
<script src='{% static "lib/jquery.fileupload/js/jquery.fileupload-process.js" %}'></script> |
||||
|
||||
<script src='{% static "my-libs.js" %}'></script> |
||||
|
||||
<script src='{% static "js/main.js" %}'></script> <!-- Файл верстальщика --> |
||||
<script src='{% static "index.js" %}'></script> <!-- Файл программистов --> |
||||
|
||||
{% block js_block %}{% endblock %} |
||||
</body> |
||||
</html> |
||||
|
||||
@ -1,5 +1,24 @@ |
||||
{% extends 'partials/base.html' %} |
||||
{% extends 'partials/base_test.html' %} |
||||
|
||||
{% block content %} |
||||
<h1>Hello there</h1> |
||||
<div class='container-fluid'> |
||||
<div class='row'> |
||||
<div id='fileUploadContainer' class='col-xs-12' style='margin-top: 15px'> |
||||
<p id='fileUploadAddBtn'>Add a file...</p> |
||||
|
||||
<p class='file-upload-widget' style='display: none'> |
||||
<input type='file' class='file-upload-input' style='position: absolute; top: -1000px; left: -1000px'> |
||||
<span class='file-upload-label'></span> |
||||
|
||||
<a |
||||
href='#' |
||||
onclick='return false' |
||||
class='file-upload-remove-btn' |
||||
style='padding: 10px; text-decoration: none'> |
||||
× |
||||
</a> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock %} |
||||
|
||||
Loading…
Reference in new issue