Merge remote-tracking branch 'origin/master'
This commit is contained in:
Weblate
commit
df92ae3c05
@ -19,6 +19,9 @@ class BaseFile(models.Model):
|
|||||||
def __str__(self):
|
def __str__(self):
|
||||||
return self.file.name
|
return self.file.name
|
||||||
|
|
||||||
|
def name(self):
|
||||||
|
return self.file.name
|
||||||
|
|
||||||
|
|
||||||
class File(BaseFile):
|
class File(BaseFile):
|
||||||
pass
|
pass
|
||||||
|
|||||||
@ -1,3 +0,0 @@
|
|||||||
.DS_Store
|
|
||||||
*.pyc
|
|
||||||
node_modules
|
|
||||||
@ -1,81 +0,0 @@
|
|||||||
{
|
|
||||||
"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
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
*
|
|
||||||
!css/jquery.fileupload-noscript.css
|
|
||||||
!css/jquery.fileupload-ui-noscript.css
|
|
||||||
!css/jquery.fileupload-ui.css
|
|
||||||
!css/jquery.fileupload.css
|
|
||||||
!img/loading.gif
|
|
||||||
!img/progressbar.gif
|
|
||||||
!js/cors/jquery.postmessage-transport.js
|
|
||||||
!js/cors/jquery.xdr-transport.js
|
|
||||||
!js/vendor/jquery.ui.widget.js
|
|
||||||
!js/jquery.fileupload-angular.js
|
|
||||||
!js/jquery.fileupload-audio.js
|
|
||||||
!js/jquery.fileupload-image.js
|
|
||||||
!js/jquery.fileupload-jquery-ui.js
|
|
||||||
!js/jquery.fileupload-process.js
|
|
||||||
!js/jquery.fileupload-ui.js
|
|
||||||
!js/jquery.fileupload-validate.js
|
|
||||||
!js/jquery.fileupload-video.js
|
|
||||||
!js/jquery.fileupload.js
|
|
||||||
!js/jquery.iframe-transport.js
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
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.
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
MIT License
|
|
||||||
|
|
||||||
Copyright © 2010 Sebastian Tschan, https://blueimp.net
|
|
||||||
|
|
||||||
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.
|
|
||||||
@ -1,107 +0,0 @@
|
|||||||
# 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](https://opensource.org/licenses/MIT).
|
|
||||||
@ -1,211 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
|
||||||
<!-- Generic page styles -->
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
|
||||||
<!-- blueimp Gallery styles -->
|
|
||||||
<link rel="stylesheet" href="https://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="https://jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data" data-ng-app="demo" data-ng-controller="DemoFileUploadController" data-file-upload="options" data-ng-class="{'fileupload-processing': processing() || loadingFiles}">
|
|
||||||
<!-- 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="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
||||||
<script src="https://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="https://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="https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
||||||
<!-- blueimp Gallery script -->
|
|
||||||
<script src="https://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>
|
|
||||||
@ -1,226 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/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="https://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="https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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>
|
|
||||||
@ -1,136 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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>
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
#!/usr/bin/env node
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var path = require('path');
|
|
||||||
var packageJSON = require(path.join(__dirname, 'package.json'));
|
|
||||||
var bowerFile = path.join(__dirname, 'bower.json');
|
|
||||||
var bowerJSON = require('bower-json').parse(
|
|
||||||
require(bowerFile),
|
|
||||||
{normalize: true}
|
|
||||||
);
|
|
||||||
bowerJSON.version = packageJSON.version;
|
|
||||||
require('fs').writeFileSync(
|
|
||||||
bowerFile,
|
|
||||||
JSON.stringify(bowerJSON, null, 2) + '\n'
|
|
||||||
);
|
|
||||||
@ -1,64 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "blueimp-file-upload",
|
|
||||||
"version": "9.21.0",
|
|
||||||
"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/jquery-ui-demo-ie8.css",
|
|
||||||
"css/jquery-ui-demo.css",
|
|
||||||
"css/style.css",
|
|
||||||
"js/app.js",
|
|
||||||
"js/main.js",
|
|
||||||
"server",
|
|
||||||
"test"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@ -1,75 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
-->
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>jQuery File Upload Plugin postMessage API</title>
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.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>
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://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>
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
@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:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.navigation {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
.navigation li {
|
|
||||||
display: inline;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
@ -1,67 +0,0 @@
|
|||||||
@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:
|
|
||||||
* https://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: "| ";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
@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:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.fileinput-button input {
|
|
||||||
position: static;
|
|
||||||
opacity: 1;
|
|
||||||
filter: none;
|
|
||||||
font-size: inherit !important;
|
|
||||||
direction: inherit;
|
|
||||||
}
|
|
||||||
.fileinput-button span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
@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:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.fileinput-button i,
|
|
||||||
.fileupload-buttonbar .delete,
|
|
||||||
.fileupload-buttonbar .toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
@ -1,57 +0,0 @@
|
|||||||
@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:
|
|
||||||
* https://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%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
@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:
|
|
||||||
* https://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%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
@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:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
padding-top: 60px;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
@ -1,255 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
|
||||||
<!-- Generic page styles -->
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
|
||||||
<!-- blueimp Gallery styles -->
|
|
||||||
<link rel="stylesheet" href="https://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="https://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="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/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="https://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="https://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="https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
||||||
<!-- blueimp Gallery script -->
|
|
||||||
<script src="https://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>
|
|
||||||
@ -1,252 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://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="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/dark-hive/jquery-ui.css" id="theme">
|
|
||||||
<!-- Generic page styles -->
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
|
||||||
<!-- Demo styles -->
|
|
||||||
<link rel="stylesheet" href="css/jquery-ui-demo.css">
|
|
||||||
<!--[if lte IE 8]>
|
|
||||||
<link rel="stylesheet" href="css/jquery-ui-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="https://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="https://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="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
|
|
||||||
<!-- The Templates plugin is included to render the upload/download listings -->
|
|
||||||
<script src="https://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="https://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="https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
|
|
||||||
<!-- blueimp Gallery script -->
|
|
||||||
<script src="https://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>
|
|
||||||
@ -1,101 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
|
|
||||||
}());
|
|
||||||
@ -1,126 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery postMessage Transport Plugin
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2011, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* https://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();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,89 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery XDomainRequest Transport Plugin
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2011, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* https://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();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
@ -1,437 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery File Upload AngularJS Plugin
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* jshint nomen:false */
|
|
||||||
/* global define, angular, require */
|
|
||||||
|
|
||||||
;(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 if (typeof exports === 'object') {
|
|
||||||
// Node/CommonJS:
|
|
||||||
factory(
|
|
||||||
require('jquery'),
|
|
||||||
require('angular'),
|
|
||||||
require('./jquery.fileupload-image'),
|
|
||||||
require('./jquery.fileupload-audio'),
|
|
||||||
require('./jquery.fileupload-video'),
|
|
||||||
require('./jquery.fileupload-validate')
|
|
||||||
);
|
|
||||||
} 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','$q',
|
|
||||||
function ($scope, $element, $attrs, $window, fileUpload, $q) {
|
|
||||||
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,
|
|
||||||
promises = [];
|
|
||||||
for (i = 0; i < list.length; i += 1) {
|
|
||||||
file = list[i];
|
|
||||||
if (file[method]) {
|
|
||||||
promises.push(file[method]());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return $q.all(promises);
|
|
||||||
};
|
|
||||||
$scope.submit = function () {
|
|
||||||
return this.applyOnQueue('$submit');
|
|
||||||
};
|
|
||||||
$scope.cancel = function () {
|
|
||||||
return 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) {}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,113 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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('blueimp-load-image/js/load-image'),
|
|
||||||
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: '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;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,326 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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-scale',
|
|
||||||
'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-scale'),
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,161 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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'),
|
|
||||||
require('./jquery.fileupload-ui')
|
|
||||||
);
|
|
||||||
} 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();
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,178 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery File Upload Processing Plugin
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2012, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* https://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'),
|
|
||||||
require('./jquery.fileupload')
|
|
||||||
);
|
|
||||||
} 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();
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,714 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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',
|
|
||||||
'blueimp-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('blueimp-tmpl'),
|
|
||||||
require('./jquery.fileupload-image'),
|
|
||||||
require('./jquery.fileupload-audio'),
|
|
||||||
require('./jquery.fileupload-video'),
|
|
||||||
require('./jquery.fileupload-validate')
|
|
||||||
);
|
|
||||||
} 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();
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,125 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery File Upload Validation Plugin
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* https://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'),
|
|
||||||
require('./jquery.fileupload-process')
|
|
||||||
);
|
|
||||||
} 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();
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,113 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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('blueimp-load-image/js/load-image'),
|
|
||||||
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: '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;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,75 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "blueimp-file-upload",
|
|
||||||
"version": "9.21.0",
|
|
||||||
"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"
|
|
||||||
},
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git://github.com/blueimp/jQuery-File-Upload.git"
|
|
||||||
},
|
|
||||||
"license": "MIT",
|
|
||||||
"optionalDependencies": {
|
|
||||||
"blueimp-canvas-to-blob": "3.5.0",
|
|
||||||
"blueimp-load-image": "2.12.2",
|
|
||||||
"blueimp-tmpl": "3.6.0"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"bower-json": "0.8.1",
|
|
||||||
"jshint": "2.9.3"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"bower-version-update": "./bower-version-update.js",
|
|
||||||
"lint": "jshint *.js js/*.js js/cors/*.js",
|
|
||||||
"test": "npm run lint",
|
|
||||||
"preversion": "npm test",
|
|
||||||
"version": "npm run bower-version-update && git add bower.json",
|
|
||||||
"postversion": "git push --tags origin master && npm publish"
|
|
||||||
},
|
|
||||||
"main": "js/jquery.fileupload.js"
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
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
|
|
||||||
@ -1,361 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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:
|
|
||||||
* https://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)
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,2 +0,0 @@
|
|||||||
User-agent: *
|
|
||||||
Disallow:
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
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
|
|
||||||
@ -1,204 +0,0 @@
|
|||||||
# -*- 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:
|
|
||||||
# https://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
|
|
||||||
)
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,2 +0,0 @@
|
|||||||
User-agent: *
|
|
||||||
Disallow:
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
FROM php:7-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
@ -1,9 +0,0 @@
|
|||||||
version: '2.3'
|
|
||||||
services:
|
|
||||||
apache:
|
|
||||||
build: ./
|
|
||||||
network_mode: bridge
|
|
||||||
ports:
|
|
||||||
- "80:80"
|
|
||||||
volumes:
|
|
||||||
- "../../:/var/www/html"
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
*
|
|
||||||
!.gitignore
|
|
||||||
!.htaccess
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
# To enable the Headers module, execute the following command and reload Apache:
|
|
||||||
# sudo a2enmod headers
|
|
||||||
|
|
||||||
# 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
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
<?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:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
error_reporting(E_ALL | E_STRICT);
|
|
||||||
require('UploadHandler.php');
|
|
||||||
$upload_handler = new UploadHandler();
|
|
||||||
@ -1,172 +0,0 @@
|
|||||||
<!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:
|
|
||||||
* https://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="https://code.jquery.com/qunit/qunit-1.23.1.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="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
|
||||||
<script src="../js/vendor/jquery.ui.widget.js"></script>
|
|
||||||
<script src="https://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
|
|
||||||
<script src="https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
|
|
||||||
<script src="https://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="https://code.jquery.com/qunit/qunit-1.23.1.js"></script>
|
|
||||||
<script src="test.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
File diff suppressed because it is too large
Load Diff
1486
apps/files/static/files/jquery.fileupload.js
vendored
1486
apps/files/static/files/jquery.fileupload.js
vendored
File diff suppressed because it is too large
Load Diff
@ -1,224 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery Iframe Transport Plugin
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2011, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* https://opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global define, require, window, document, JSON */
|
|
||||||
|
|
||||||
;(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,
|
|
||||||
jsonAPI = $,
|
|
||||||
jsonParse = 'parseJSON';
|
|
||||||
|
|
||||||
if ('JSON' in window && 'parse' in JSON) {
|
|
||||||
jsonAPI = JSON;
|
|
||||||
jsonParse = 'parse';
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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 && jsonAPI[jsonParse]($(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());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
||||||
748
apps/files/static/files/jquery.ui.widget.js
vendored
748
apps/files/static/files/jquery.ui.widget.js
vendored
@ -1,748 +0,0 @@
|
|||||||
/*! jQuery UI - v1.12.1 - 2018-02-10
|
|
||||||
* http://jqueryui.com
|
|
||||||
* Includes: widget.js
|
|
||||||
* Copyright 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 {
|
|
||||||
|
|
||||||
// Browser globals
|
|
||||||
factory( jQuery );
|
|
||||||
}
|
|
||||||
}(function( $ ) {
|
|
||||||
|
|
||||||
$.ui = $.ui || {};
|
|
||||||
|
|
||||||
var version = $.ui.version = "1.12.1";
|
|
||||||
|
|
||||||
|
|
||||||
/*!
|
|
||||||
* jQuery UI Widget 1.12.1
|
|
||||||
* http://jqueryui.com
|
|
||||||
*
|
|
||||||
* Copyright jQuery Foundation and other contributors
|
|
||||||
* Released under the MIT license.
|
|
||||||
* http://jquery.org/license
|
|
||||||
*/
|
|
||||||
|
|
||||||
//>>label: Widget
|
|
||||||
//>>group: Core
|
|
||||||
//>>description: Provides a factory for creating stateful widgets with a common API.
|
|
||||||
//>>docs: http://api.jqueryui.com/jQuery.widget/
|
|
||||||
//>>demos: http://jqueryui.com/widget/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var widgetUuid = 0;
|
|
||||||
var widgetSlice = 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 existingConstructor, constructor, basePrototype;
|
|
||||||
|
|
||||||
// ProxiedPrototype allows the provided prototype to remain unmodified
|
|
||||||
// so that it can be used as a mixin for multiple widgets (#8876)
|
|
||||||
var proxiedPrototype = {};
|
|
||||||
|
|
||||||
var namespace = name.split( "." )[ 0 ];
|
|
||||||
name = name.split( "." )[ 1 ];
|
|
||||||
var fullName = namespace + "-" + name;
|
|
||||||
|
|
||||||
if ( !prototype ) {
|
|
||||||
prototype = base;
|
|
||||||
base = $.Widget;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( $.isArray( prototype ) ) {
|
|
||||||
prototype = $.extend.apply( null, [ {} ].concat( prototype ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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() {
|
|
||||||
function _super() {
|
|
||||||
return base.prototype[ prop ].apply( this, arguments );
|
|
||||||
}
|
|
||||||
|
|
||||||
function _superApply( args ) {
|
|
||||||
return base.prototype[ prop ].apply( this, args );
|
|
||||||
}
|
|
||||||
|
|
||||||
return function() {
|
|
||||||
var __super = this._super;
|
|
||||||
var __superApply = this._superApply;
|
|
||||||
var 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 = widgetSlice.call( arguments, 1 );
|
|
||||||
var inputIndex = 0;
|
|
||||||
var inputLength = input.length;
|
|
||||||
var key;
|
|
||||||
var 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";
|
|
||||||
var args = widgetSlice.call( arguments, 1 );
|
|
||||||
var returnValue = this;
|
|
||||||
|
|
||||||
if ( isMethodCall ) {
|
|
||||||
|
|
||||||
// If this is an empty collection, we need to have the instance method
|
|
||||||
// return undefined instead of the jQuery instance
|
|
||||||
if ( !this.length && options === "instance" ) {
|
|
||||||
returnValue = undefined;
|
|
||||||
} else {
|
|
||||||
this.each( function() {
|
|
||||||
var methodValue;
|
|
||||||
var 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: {
|
|
||||||
classes: {},
|
|
||||||
disabled: false,
|
|
||||||
|
|
||||||
// Callbacks
|
|
||||||
create: null
|
|
||||||
},
|
|
||||||
|
|
||||||
_createWidget: function( options, element ) {
|
|
||||||
element = $( element || this.defaultElement || this )[ 0 ];
|
|
||||||
this.element = $( element );
|
|
||||||
this.uuid = widgetUuid++;
|
|
||||||
this.eventNamespace = "." + this.widgetName + this.uuid;
|
|
||||||
|
|
||||||
this.bindings = $();
|
|
||||||
this.hoverable = $();
|
|
||||||
this.focusable = $();
|
|
||||||
this.classesElementLookup = {};
|
|
||||||
|
|
||||||
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();
|
|
||||||
|
|
||||||
if ( this.options.disabled ) {
|
|
||||||
this._setOptionDisabled( this.options.disabled );
|
|
||||||
}
|
|
||||||
|
|
||||||
this._trigger( "create", null, this._getCreateEventData() );
|
|
||||||
this._init();
|
|
||||||
},
|
|
||||||
|
|
||||||
_getCreateOptions: function() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
|
|
||||||
_getCreateEventData: $.noop,
|
|
||||||
|
|
||||||
_create: $.noop,
|
|
||||||
|
|
||||||
_init: $.noop,
|
|
||||||
|
|
||||||
destroy: function() {
|
|
||||||
var that = this;
|
|
||||||
|
|
||||||
this._destroy();
|
|
||||||
$.each( this.classesElementLookup, function( key, value ) {
|
|
||||||
that._removeClass( value, key );
|
|
||||||
} );
|
|
||||||
|
|
||||||
// We can probably remove the unbind calls in 2.0
|
|
||||||
// all event bindings should go through this._on()
|
|
||||||
this.element
|
|
||||||
.off( this.eventNamespace )
|
|
||||||
.removeData( this.widgetFullName );
|
|
||||||
this.widget()
|
|
||||||
.off( this.eventNamespace )
|
|
||||||
.removeAttr( "aria-disabled" );
|
|
||||||
|
|
||||||
// Clean up events and states
|
|
||||||
this.bindings.off( this.eventNamespace );
|
|
||||||
},
|
|
||||||
|
|
||||||
_destroy: $.noop,
|
|
||||||
|
|
||||||
widget: function() {
|
|
||||||
return this.element;
|
|
||||||
},
|
|
||||||
|
|
||||||
option: function( key, value ) {
|
|
||||||
var options = key;
|
|
||||||
var parts;
|
|
||||||
var curOption;
|
|
||||||
var 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 ) {
|
|
||||||
if ( key === "classes" ) {
|
|
||||||
this._setOptionClasses( value );
|
|
||||||
}
|
|
||||||
|
|
||||||
this.options[ key ] = value;
|
|
||||||
|
|
||||||
if ( key === "disabled" ) {
|
|
||||||
this._setOptionDisabled( value );
|
|
||||||
}
|
|
||||||
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
|
|
||||||
_setOptionClasses: function( value ) {
|
|
||||||
var classKey, elements, currentElements;
|
|
||||||
|
|
||||||
for ( classKey in value ) {
|
|
||||||
currentElements = this.classesElementLookup[ classKey ];
|
|
||||||
if ( value[ classKey ] === this.options.classes[ classKey ] ||
|
|
||||||
!currentElements ||
|
|
||||||
!currentElements.length ) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
// We are doing this to create a new jQuery object because the _removeClass() call
|
|
||||||
// on the next line is going to destroy the reference to the current elements being
|
|
||||||
// tracked. We need to save a copy of this collection so that we can add the new classes
|
|
||||||
// below.
|
|
||||||
elements = $( currentElements.get() );
|
|
||||||
this._removeClass( currentElements, classKey );
|
|
||||||
|
|
||||||
// We don't use _addClass() here, because that uses this.options.classes
|
|
||||||
// for generating the string of classes. We want to use the value passed in from
|
|
||||||
// _setOption(), this is the new value of the classes option which was passed to
|
|
||||||
// _setOption(). We pass this value directly to _classes().
|
|
||||||
elements.addClass( this._classes( {
|
|
||||||
element: elements,
|
|
||||||
keys: classKey,
|
|
||||||
classes: value,
|
|
||||||
add: true
|
|
||||||
} ) );
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_setOptionDisabled: function( value ) {
|
|
||||||
this._toggleClass( this.widget(), this.widgetFullName + "-disabled", null, !!value );
|
|
||||||
|
|
||||||
// If the widget is becoming disabled, then nothing is interactive
|
|
||||||
if ( value ) {
|
|
||||||
this._removeClass( this.hoverable, null, "ui-state-hover" );
|
|
||||||
this._removeClass( this.focusable, null, "ui-state-focus" );
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
enable: function() {
|
|
||||||
return this._setOptions( { disabled: false } );
|
|
||||||
},
|
|
||||||
|
|
||||||
disable: function() {
|
|
||||||
return this._setOptions( { disabled: true } );
|
|
||||||
},
|
|
||||||
|
|
||||||
_classes: function( options ) {
|
|
||||||
var full = [];
|
|
||||||
var that = this;
|
|
||||||
|
|
||||||
options = $.extend( {
|
|
||||||
element: this.element,
|
|
||||||
classes: this.options.classes || {}
|
|
||||||
}, options );
|
|
||||||
|
|
||||||
function processClassString( classes, checkOption ) {
|
|
||||||
var current, i;
|
|
||||||
for ( i = 0; i < classes.length; i++ ) {
|
|
||||||
current = that.classesElementLookup[ classes[ i ] ] || $();
|
|
||||||
if ( options.add ) {
|
|
||||||
current = $( $.unique( current.get().concat( options.element.get() ) ) );
|
|
||||||
} else {
|
|
||||||
current = $( current.not( options.element ).get() );
|
|
||||||
}
|
|
||||||
that.classesElementLookup[ classes[ i ] ] = current;
|
|
||||||
full.push( classes[ i ] );
|
|
||||||
if ( checkOption && options.classes[ classes[ i ] ] ) {
|
|
||||||
full.push( options.classes[ classes[ i ] ] );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this._on( options.element, {
|
|
||||||
"remove": "_untrackClassesElement"
|
|
||||||
} );
|
|
||||||
|
|
||||||
if ( options.keys ) {
|
|
||||||
processClassString( options.keys.match( /\S+/g ) || [], true );
|
|
||||||
}
|
|
||||||
if ( options.extra ) {
|
|
||||||
processClassString( options.extra.match( /\S+/g ) || [] );
|
|
||||||
}
|
|
||||||
|
|
||||||
return full.join( " " );
|
|
||||||
},
|
|
||||||
|
|
||||||
_untrackClassesElement: function( event ) {
|
|
||||||
var that = this;
|
|
||||||
$.each( that.classesElementLookup, function( key, value ) {
|
|
||||||
if ( $.inArray( event.target, value ) !== -1 ) {
|
|
||||||
that.classesElementLookup[ key ] = $( value.not( event.target ).get() );
|
|
||||||
}
|
|
||||||
} );
|
|
||||||
},
|
|
||||||
|
|
||||||
_removeClass: function( element, keys, extra ) {
|
|
||||||
return this._toggleClass( element, keys, extra, false );
|
|
||||||
},
|
|
||||||
|
|
||||||
_addClass: function( element, keys, extra ) {
|
|
||||||
return this._toggleClass( element, keys, extra, true );
|
|
||||||
},
|
|
||||||
|
|
||||||
_toggleClass: function( element, keys, extra, add ) {
|
|
||||||
add = ( typeof add === "boolean" ) ? add : extra;
|
|
||||||
var shift = ( typeof element === "string" || element === null ),
|
|
||||||
options = {
|
|
||||||
extra: shift ? keys : extra,
|
|
||||||
keys: shift ? element : keys,
|
|
||||||
element: shift ? this.element : element,
|
|
||||||
add: add
|
|
||||||
};
|
|
||||||
options.element.toggleClass( this._classes( options ), add );
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
|
|
||||||
_on: function( suppressDisabledCheck, element, handlers ) {
|
|
||||||
var delegateElement;
|
|
||||||
var 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*(.*)$/ );
|
|
||||||
var eventName = match[ 1 ] + instance.eventNamespace;
|
|
||||||
var selector = match[ 2 ];
|
|
||||||
|
|
||||||
if ( selector ) {
|
|
||||||
delegateElement.on( eventName, selector, handlerProxy );
|
|
||||||
} else {
|
|
||||||
element.on( eventName, handlerProxy );
|
|
||||||
}
|
|
||||||
} );
|
|
||||||
},
|
|
||||||
|
|
||||||
_off: function( element, eventName ) {
|
|
||||||
eventName = ( eventName || "" ).split( " " ).join( this.eventNamespace + " " ) +
|
|
||||||
this.eventNamespace;
|
|
||||||
element.off( eventName ).off( 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 ) {
|
|
||||||
this._addClass( $( event.currentTarget ), null, "ui-state-hover" );
|
|
||||||
},
|
|
||||||
mouseleave: function( event ) {
|
|
||||||
this._removeClass( $( event.currentTarget ), null, "ui-state-hover" );
|
|
||||||
}
|
|
||||||
} );
|
|
||||||
},
|
|
||||||
|
|
||||||
_focusable: function( element ) {
|
|
||||||
this.focusable = this.focusable.add( element );
|
|
||||||
this._on( element, {
|
|
||||||
focusin: function( event ) {
|
|
||||||
this._addClass( $( event.currentTarget ), null, "ui-state-focus" );
|
|
||||||
},
|
|
||||||
focusout: function( event ) {
|
|
||||||
this._removeClass( $( event.currentTarget ), null, "ui-state-focus" );
|
|
||||||
}
|
|
||||||
} );
|
|
||||||
},
|
|
||||||
|
|
||||||
_trigger: function( type, event, data ) {
|
|
||||||
var prop, orig;
|
|
||||||
var 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;
|
|
||||||
var 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;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}));
|
|
||||||
@ -1,40 +1,25 @@
|
|||||||
class MultipleFilesWidget {
|
class MultipleFilesWidget {
|
||||||
constructor(div) {
|
constructor(div, csrf_token) {
|
||||||
this.root = div
|
this.root = div
|
||||||
this.fieldName = this.root.getAttribute('data-field')
|
this.fieldName = this.root.getAttribute('data-field')
|
||||||
this.fileList = []
|
this.fileList = []
|
||||||
this.element = {
|
this.element = {
|
||||||
list: this.root.querySelector('.filewidget--list'),
|
list: this.root.querySelector('.filewidget--list'),
|
||||||
uploadButton: this.root.querySelector('.filewidget--input'),
|
fileInput: this.root.querySelector('.filewidget--input'),
|
||||||
field: document.querySelector(`[name="${this.fieldName}"]`)
|
field: document.querySelector(`[name="${this.fieldName}"]`)
|
||||||
}
|
}
|
||||||
|
this.csrf_token = csrf_token
|
||||||
|
this.status = {
|
||||||
|
IN_PROGRESS: 1,
|
||||||
|
DONE: 2,
|
||||||
|
}
|
||||||
|
this.endpoint = this.element.fileInput.getAttribute('data-url')
|
||||||
|
|
||||||
const self = this
|
// Set up event listener for file upload button
|
||||||
|
this.element.fileInput.addEventListener('change', evt => {
|
||||||
// Set up jquery-fileupload
|
const fileList = this.element.fileInput.files
|
||||||
$(this.element.uploadButton).fileupload({
|
for (let file of fileList) {
|
||||||
dataType: 'json',
|
this.startUpload(file)
|
||||||
paramName: 'file',
|
|
||||||
done: function (e, data) {
|
|
||||||
// process server response
|
|
||||||
if (data.result.is_valid) {
|
|
||||||
self.fileFinished.bind(self)(data.result)
|
|
||||||
} else {
|
|
||||||
self.fileFailed.bind(self)(data)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
add: function (e, data) {
|
|
||||||
$.each(data.files, (index, file) => {
|
|
||||||
self.addFile.bind(self)(null, file.name, self.setFileInProgress.bind(self))
|
|
||||||
})
|
|
||||||
|
|
||||||
data.process().done(function () {
|
|
||||||
data.submit()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
progress: function(e, data) {
|
|
||||||
console.log('progress event')
|
|
||||||
console.log(e, data)
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -49,15 +34,60 @@ class MultipleFilesWidget {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// file is a JS File object
|
||||||
|
startUpload(file) {
|
||||||
|
const fileName = file.name
|
||||||
|
|
||||||
|
let data = new FormData()
|
||||||
|
data.append('file', file)
|
||||||
|
|
||||||
|
fetch(this.endpoint, {
|
||||||
|
method: 'POST',
|
||||||
|
body: data,
|
||||||
|
headers: {
|
||||||
|
"X-CSRFToken": this.csrf_token,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(response => {
|
||||||
|
if (response.is_valid) {
|
||||||
|
response.originalName = fileName
|
||||||
|
this.fileFinished(response)
|
||||||
|
} else {
|
||||||
|
this.fileFailed(fileName, response.errors.toString())
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
this.fileFailed(fileName, err.toString())
|
||||||
|
})
|
||||||
|
|
||||||
|
this.addFile(null, file.name, this.status.IN_PROGRESS)
|
||||||
|
}
|
||||||
|
|
||||||
rebuildListFromField() {
|
rebuildListFromField() {
|
||||||
let idList = this.element.field.value.split(",")
|
const fieldContents = this.element.field.value
|
||||||
for (let id of idList) {
|
|
||||||
this.addFile(id, `Saved upload (id ${id})`, this.setFileDone.bind(this))
|
// Nothing to do
|
||||||
|
if (fieldContents === '') {
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
let list = JSON.parse(fieldContents)
|
||||||
|
for (let file of list) {
|
||||||
|
this.addFile(file.id, file.name, this.status.DONE)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
// Not JSON, let's parse as CSV
|
||||||
|
for (let id of fieldContents.split(",")) {
|
||||||
|
this.addFile(id, `Saved upload (id ${id})`, this.status.DONE)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
this.viewFileList()
|
this.viewFileList()
|
||||||
}
|
}
|
||||||
|
|
||||||
addFile(id, name, stateFunc) {
|
addFile(id, name, state) {
|
||||||
let li = document.createElement('li')
|
let li = document.createElement('li')
|
||||||
li.className = 'filewidget--file'
|
li.className = 'filewidget--file'
|
||||||
li.innerHTML =
|
li.innerHTML =
|
||||||
@ -75,7 +105,15 @@ class MultipleFilesWidget {
|
|||||||
id: id || null,
|
id: id || null,
|
||||||
}
|
}
|
||||||
|
|
||||||
stateFunc(file)
|
switch (state) {
|
||||||
|
case this.status.DONE:
|
||||||
|
this.setFileDone(file)
|
||||||
|
break
|
||||||
|
|
||||||
|
case this.status.IN_PROGRESS:
|
||||||
|
this.setFileInProgress(file)
|
||||||
|
break
|
||||||
|
}
|
||||||
|
|
||||||
this.fileList.push(file)
|
this.fileList.push(file)
|
||||||
this.viewFileList()
|
this.viewFileList()
|
||||||
@ -89,12 +127,12 @@ class MultipleFilesWidget {
|
|||||||
this.fileList = this.fileList.filter(cmpFile => cmpFile === file)
|
this.fileList = this.fileList.filter(cmpFile => cmpFile === file)
|
||||||
}
|
}
|
||||||
|
|
||||||
fileFinished(serverResponse) {
|
fileFinished(response) {
|
||||||
// Using data, find the file
|
let file = this.fileList.filter(file => file.name === response.originalName)[0]
|
||||||
let file = this.fileList.filter(file => file.name === serverResponse.name)[0]
|
|
||||||
|
|
||||||
// Set the ID
|
// Set the ID
|
||||||
file.id = serverResponse.id
|
file.id = response.id
|
||||||
|
file.name = response.name
|
||||||
|
|
||||||
// Set the file state now it's finished
|
// Set the file state now it's finished
|
||||||
this.setFileDone(file)
|
this.setFileDone(file)
|
||||||
@ -104,17 +142,15 @@ class MultipleFilesWidget {
|
|||||||
this.updateFormField()
|
this.updateFormField()
|
||||||
}
|
}
|
||||||
|
|
||||||
fileFailed(serverResponse) {
|
fileFailed(fileName, errors) {
|
||||||
let errors = Object.values(serverResponse.result.errors).join(' ')
|
console.error('File upload failed!')
|
||||||
|
console.error(errors)
|
||||||
console.error('File upload failed: ' + errors)
|
|
||||||
console.error(serverResponse)
|
|
||||||
|
|
||||||
// Using data, find the file
|
// Using data, find the file
|
||||||
let file = this.fileList.filter(file => file.name === serverResponse.files[0].name)[0]
|
let file = this.fileList.filter(file => file.name === fileName)[0]
|
||||||
|
|
||||||
// Set the file state now it's finished
|
// Set the file state now it's finished
|
||||||
this.setFileFailed(file, errors)
|
this.setFileFailed(file)
|
||||||
this.viewFileList()
|
this.viewFileList()
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -124,9 +160,13 @@ class MultipleFilesWidget {
|
|||||||
|
|
||||||
updateFormField() {
|
updateFormField() {
|
||||||
let oldVal = this.element.field.value
|
let oldVal = this.element.field.value
|
||||||
this.element.field.value = this.fileList.filter(f => f.id != null)
|
let fileList = this.fileList.filter(f => f.id != null)
|
||||||
.map(f => f.id)
|
.map(f => ({
|
||||||
.toString()
|
id: f.id,
|
||||||
|
name: f.name
|
||||||
|
}))
|
||||||
|
|
||||||
|
this.element.field.value = JSON.stringify(fileList)
|
||||||
|
|
||||||
// Mark form as dirty
|
// Mark form as dirty
|
||||||
if (this.element.field.value !== oldVal) {
|
if (this.element.field.value !== oldVal) {
|
||||||
@ -144,10 +184,10 @@ class MultipleFilesWidget {
|
|||||||
file.element.actions.innerHTML = state.actions || ''
|
file.element.actions.innerHTML = state.actions || ''
|
||||||
}
|
}
|
||||||
|
|
||||||
setFileFailed(file, errors) {
|
setFileFailed(file) {
|
||||||
this.setFileState(file, {
|
this.setFileState(file, {
|
||||||
iconClassList: 'fa fa-exclamation-triangle',
|
iconClassList: 'fa fa-exclamation-triangle',
|
||||||
fileName: `FAILED: ${errors} ('${file.name}')`
|
fileName: `FAILED: '${file.name}'`
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -213,16 +253,22 @@ class MultipleFilesWidget {
|
|||||||
}
|
}
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
|
let csrf_token = document.querySelector("[name=csrfmiddlewaretoken]").value
|
||||||
|
|
||||||
window.images = new MultipleFilesWidget(
|
window.images = new MultipleFilesWidget(
|
||||||
document.querySelector('[data-field=images_files]')
|
document.querySelector('[data-field=images_files]'),
|
||||||
|
csrf_token,
|
||||||
)
|
)
|
||||||
window.official_project_documents = new MultipleFilesWidget(
|
window.official_project_documents = new MultipleFilesWidget(
|
||||||
document.querySelector('[data-field=official_project_documents_files]')
|
document.querySelector('[data-field=official_project_documents_files]'),
|
||||||
|
csrf_token,
|
||||||
)
|
)
|
||||||
window.other_documents = new MultipleFilesWidget(
|
window.other_documents = new MultipleFilesWidget(
|
||||||
document.querySelector('[data-field=other_documents_files]')
|
document.querySelector('[data-field=other_documents_files]'),
|
||||||
|
csrf_token,
|
||||||
)
|
)
|
||||||
window.shapefiles = new MultipleFilesWidget(
|
window.shapefiles = new MultipleFilesWidget(
|
||||||
document.querySelector('[data-field=shapefiles_files]')
|
document.querySelector('[data-field=shapefiles_files]'),
|
||||||
|
csrf_token,
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|||||||
@ -12,7 +12,7 @@ from leaflet.forms.widgets import LeafletWidget
|
|||||||
from apps.files.models import File, ImageFile
|
from apps.files.models import File, ImageFile
|
||||||
|
|
||||||
from .models import CaseStudy, SpatialRefSys
|
from .models import CaseStudy, SpatialRefSys
|
||||||
from .widgets import CommaSeparatedTextInput
|
from .widgets import JSONFileListWidget
|
||||||
|
|
||||||
|
|
||||||
class MinimumZoomWidget(LeafletWidget):
|
class MinimumZoomWidget(LeafletWidget):
|
||||||
@ -94,7 +94,7 @@ class LongCaseStudyForm(BaseCaseStudyForm):
|
|||||||
|
|
||||||
images_files = forms.ModelMultipleChoiceField(
|
images_files = forms.ModelMultipleChoiceField(
|
||||||
queryset=ImageFile.objects.all(),
|
queryset=ImageFile.objects.all(),
|
||||||
widget=CommaSeparatedTextInput(),
|
widget=JSONFileListWidget(),
|
||||||
required=False
|
required=False
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -107,7 +107,7 @@ class LongCaseStudyForm(BaseCaseStudyForm):
|
|||||||
|
|
||||||
official_project_documents_files = forms.ModelMultipleChoiceField(
|
official_project_documents_files = forms.ModelMultipleChoiceField(
|
||||||
queryset=File.objects.all(),
|
queryset=File.objects.all(),
|
||||||
widget=CommaSeparatedTextInput(),
|
widget=JSONFileListWidget(),
|
||||||
required=False
|
required=False
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -120,7 +120,7 @@ class LongCaseStudyForm(BaseCaseStudyForm):
|
|||||||
|
|
||||||
other_documents_files = forms.ModelMultipleChoiceField(
|
other_documents_files = forms.ModelMultipleChoiceField(
|
||||||
queryset=File.objects.all(),
|
queryset=File.objects.all(),
|
||||||
widget=CommaSeparatedTextInput(),
|
widget=JSONFileListWidget(),
|
||||||
required=False
|
required=False
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -133,7 +133,7 @@ class LongCaseStudyForm(BaseCaseStudyForm):
|
|||||||
|
|
||||||
shapefiles_files = forms.ModelMultipleChoiceField(
|
shapefiles_files = forms.ModelMultipleChoiceField(
|
||||||
queryset=File.objects.all(),
|
queryset=File.objects.all(),
|
||||||
widget=CommaSeparatedTextInput(),
|
widget=JSONFileListWidget(),
|
||||||
required=False
|
required=False
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -350,8 +350,5 @@ class LongCaseStudyForm(BaseCaseStudyForm):
|
|||||||
|
|
||||||
class Media:
|
class Media:
|
||||||
js = (
|
js = (
|
||||||
'files/jquery.ui.widget.js',
|
|
||||||
'files/jquery.iframe-transport.js',
|
|
||||||
'files/jquery.fileupload.js',
|
|
||||||
'files/upload.js',
|
'files/upload.js',
|
||||||
)
|
)
|
||||||
|
|||||||
@ -68,7 +68,7 @@ class BaseForm(LoginRequiredMixin, CreateView):
|
|||||||
self.object = form.save()
|
self.object = form.save()
|
||||||
|
|
||||||
self.object.official_project_documents = form.cleaned_data.get(
|
self.object.official_project_documents = form.cleaned_data.get(
|
||||||
'official_project_document_files', []
|
'official_project_documents_files', []
|
||||||
)
|
)
|
||||||
self.object.other_documents = form.cleaned_data.get(
|
self.object.other_documents = form.cleaned_data.get(
|
||||||
'other_documents_files', []
|
'other_documents_files', []
|
||||||
@ -76,6 +76,9 @@ class BaseForm(LoginRequiredMixin, CreateView):
|
|||||||
self.object.shapefiles = form.cleaned_data.get(
|
self.object.shapefiles = form.cleaned_data.get(
|
||||||
'shapefiles_files', []
|
'shapefiles_files', []
|
||||||
)
|
)
|
||||||
|
self.object.images = form.cleaned_data.get(
|
||||||
|
'images_files', []
|
||||||
|
)
|
||||||
|
|
||||||
self.object.author = self.request.user
|
self.object.author = self.request.user
|
||||||
self.object.save()
|
self.object.save()
|
||||||
@ -160,37 +163,33 @@ class Drafts(LoginRequiredMixin, View):
|
|||||||
if draft != None:
|
if draft != None:
|
||||||
data = json.loads(draft.data)
|
data = json.loads(draft.data)
|
||||||
|
|
||||||
for k in ['official_project_documents', 'other_documents',
|
for k in [ 'official_project_documents', 'other_documents',
|
||||||
'shapefiles', 'images' ]:
|
'shapefiles', 'images' ]:
|
||||||
|
|
||||||
try:
|
try:
|
||||||
# Filter the dictionary of form fields in the draft
|
keyname = k + '_files'
|
||||||
# down to just the ones right the right name `k`
|
field = data['data']['form'][keyname]
|
||||||
items = list(filter(
|
|
||||||
lambda x: (
|
|
||||||
x['name'] == '{0}_files'.format(k)
|
|
||||||
and x['value'] != ''
|
|
||||||
), data['data']['form']
|
|
||||||
))
|
|
||||||
except KeyError:
|
|
||||||
continue
|
|
||||||
|
|
||||||
# Split the comma-separated list of IDs into a list
|
# Ignore empty fields
|
||||||
try:
|
if field['value'] == '':
|
||||||
items = items[0]['value'].split(',')
|
|
||||||
except IndexError:
|
|
||||||
continue
|
|
||||||
|
|
||||||
# Delete those items
|
|
||||||
for item in items:
|
|
||||||
try:
|
|
||||||
f = File.objects.get(id=item)
|
|
||||||
if f.user != self.request.user:
|
|
||||||
continue
|
|
||||||
f.delete()
|
|
||||||
except File.DoesNotExist:
|
|
||||||
continue
|
continue
|
||||||
|
|
||||||
|
file_list = json.loads(field['value'])
|
||||||
|
|
||||||
|
# Delete those items
|
||||||
|
for item in file_list:
|
||||||
|
try:
|
||||||
|
f = File.objects.get(id=item['id'])
|
||||||
|
if f.user != self.request.user:
|
||||||
|
continue
|
||||||
|
f.delete()
|
||||||
|
except File.DoesNotExist:
|
||||||
|
continue
|
||||||
|
|
||||||
|
except:
|
||||||
|
continue
|
||||||
|
|
||||||
|
|
||||||
draft.delete()
|
draft.delete()
|
||||||
|
|
||||||
return HttpResponse(status=204)
|
return HttpResponse(status=204)
|
||||||
|
|||||||
@ -1,4 +1,7 @@
|
|||||||
|
import json
|
||||||
|
|
||||||
from django.forms import widgets
|
from django.forms import widgets
|
||||||
|
from apps.files.models import File
|
||||||
|
|
||||||
|
|
||||||
class CommaSeparatedTextInput(widgets.HiddenInput):
|
class CommaSeparatedTextInput(widgets.HiddenInput):
|
||||||
@ -19,3 +22,34 @@ class CommaSeparatedTextInput(widgets.HiddenInput):
|
|||||||
return value.split(',')
|
return value.split(',')
|
||||||
except AttributeError:
|
except AttributeError:
|
||||||
return None
|
return None
|
||||||
|
|
||||||
|
|
||||||
|
def idToDict(id):
|
||||||
|
file = File.objects.get(pk=id)
|
||||||
|
return dict(id=id, name=file.name())
|
||||||
|
|
||||||
|
|
||||||
|
# For clarity:
|
||||||
|
# the canonical format is a list of integers (IDs of files)
|
||||||
|
# the input/display format is a string containing a JSON list of {id=x, name=y} objects
|
||||||
|
class JSONFileListWidget(widgets.HiddenInput):
|
||||||
|
|
||||||
|
def format_value(self, value):
|
||||||
|
try:
|
||||||
|
value = [ idToDict(id) for id in value ]
|
||||||
|
value = json.dumps(value)
|
||||||
|
except TypeError:
|
||||||
|
value = ''
|
||||||
|
return super().format_value(value)
|
||||||
|
|
||||||
|
def value_from_datadict(self, data, files, name):
|
||||||
|
value = super().value_from_datadict(data, files, name)
|
||||||
|
|
||||||
|
if value == '':
|
||||||
|
return None
|
||||||
|
|
||||||
|
try:
|
||||||
|
filelist = json.loads(value)
|
||||||
|
return [ file['id'] for file in filelist ]
|
||||||
|
except JSONDecodeError:
|
||||||
|
return None
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user