Ivan Kovalkovskyi
11 years ago
parent
726bfde901
commit
b5e79649e5
54 changed files with 248 additions and 6328 deletions
@ -1,4 +0,0 @@ |
|||||||
from fileupload.models import Picture |
|
||||||
from django.contrib import admin |
|
||||||
|
|
||||||
admin.site.register(Picture) |
|
||||||
@ -1,29 +0,0 @@ |
|||||||
# encoding: utf-8 |
|
||||||
from django.db import models |
|
||||||
|
|
||||||
|
|
||||||
class Picture(models.Model): |
|
||||||
"""This is a small demo using just two fields. The slug field is really not |
|
||||||
necessary, but makes the code simpler. ImageField depends on PIL or |
|
||||||
pillow (where Pillow is easily installable in a virtualenv. If you have |
|
||||||
problems installing pillow, use a more generic FileField instead. |
|
||||||
|
|
||||||
""" |
|
||||||
file = models.ImageField(upload_to="wizard_pictures") |
|
||||||
slug = models.SlugField(max_length=50, blank=True) |
|
||||||
|
|
||||||
def __unicode__(self): |
|
||||||
return self.file.name |
|
||||||
|
|
||||||
@models.permalink |
|
||||||
def get_absolute_url(self): |
|
||||||
return ('upload-new', ) |
|
||||||
|
|
||||||
def save(self, *args, **kwargs): |
|
||||||
self.slug = self.file.name |
|
||||||
super(Picture, self).save(*args, **kwargs) |
|
||||||
|
|
||||||
def delete(self, *args, **kwargs): |
|
||||||
"""delete -- Remove to leave file.""" |
|
||||||
self.file.delete(False) |
|
||||||
super(Picture, self).delete(*args, **kwargs) |
|
||||||
@ -1,38 +0,0 @@ |
|||||||
# encoding: utf-8 |
|
||||||
from django.http import HttpResponse |
|
||||||
import json |
|
||||||
|
|
||||||
MIMEANY = '*/*' |
|
||||||
MIMEJSON = 'application/json' |
|
||||||
MIMETEXT = 'text/plain' |
|
||||||
|
|
||||||
|
|
||||||
def response_mimetype(request): |
|
||||||
"""response_mimetype -- Return a proper response mimetype, accordingly to |
|
||||||
what the client accepts, as available in the `HTTP_ACCEPT` header. |
|
||||||
|
|
||||||
request -- a HttpRequest instance. |
|
||||||
|
|
||||||
""" |
|
||||||
can_json = MIMEJSON in request.META['HTTP_ACCEPT'] |
|
||||||
can_json |= MIMEANY in request.META['HTTP_ACCEPT'] |
|
||||||
return MIMEJSON if can_json else MIMETEXT |
|
||||||
|
|
||||||
|
|
||||||
class JSONResponse(HttpResponse): |
|
||||||
"""JSONResponse -- Extends HTTPResponse to handle JSON format response. |
|
||||||
|
|
||||||
This response can be used in any view that should return a json stream of |
|
||||||
data. |
|
||||||
|
|
||||||
Usage: |
|
||||||
|
|
||||||
def a_iew(request): |
|
||||||
content = {'key': 'value'} |
|
||||||
return JSONResponse(content, mimetype=response_mimetype(request)) |
|
||||||
|
|
||||||
""" |
|
||||||
def __init__(self, obj='', json_opts=None, mimetype=MIMEJSON, *args, **kwargs): |
|
||||||
json_opts = json_opts if isinstance(json_opts, dict) else {} |
|
||||||
content = json.dumps(obj, **json_opts) |
|
||||||
super(JSONResponse, self).__init__(content, mimetype, *args, **kwargs) |
|
||||||
@ -1,38 +0,0 @@ |
|||||||
# encoding: utf-8 |
|
||||||
import mimetypes |
|
||||||
import re |
|
||||||
from django.core.urlresolvers import reverse |
|
||||||
|
|
||||||
|
|
||||||
def order_name(name): |
|
||||||
"""order_name -- Limit a text to 20 chars length, if necessary strips the |
|
||||||
middle of the text and substitute it for an ellipsis. |
|
||||||
|
|
||||||
name -- text to be limited. |
|
||||||
|
|
||||||
""" |
|
||||||
name = re.sub(r'^.*/', '', name) |
|
||||||
if len(name) <= 20: |
|
||||||
return name |
|
||||||
return name[:10] + "..." + name[-7:] |
|
||||||
|
|
||||||
|
|
||||||
def serialize(instance, file_attr='file'): |
|
||||||
"""serialize -- Serialize a Picture instance into a dict. |
|
||||||
|
|
||||||
instance -- Picture instance |
|
||||||
file_attr -- attribute name that contains the FileField or ImageField |
|
||||||
|
|
||||||
""" |
|
||||||
obj = getattr(instance, file_attr) |
|
||||||
return { |
|
||||||
'url': obj.url, |
|
||||||
'name': order_name(obj.name), |
|
||||||
'type': mimetypes.guess_type(obj.path)[0] or 'image/png', |
|
||||||
'thumbnailUrl': obj.url, |
|
||||||
'size': obj.size, |
|
||||||
'deleteUrl': reverse('upload-delete', args=[instance.pk]), |
|
||||||
'deleteType': 'DELETE', |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
@ -1,82 +0,0 @@ |
|||||||
from django import template |
|
||||||
|
|
||||||
register = template.Library() |
|
||||||
|
|
||||||
@register.simple_tag |
|
||||||
def upload_js(): |
|
||||||
return """ |
|
||||||
<!-- 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> |
|
||||||
{% if (file.error) { %} |
|
||||||
<div><span class="label label-important">{%=locale.fileupload.error%}</span> {%=file.error%}</div> |
|
||||||
{% } %} |
|
||||||
</td> |
|
||||||
<td> |
|
||||||
<p class="size">{%=o.formatFileSize(file.size)%}</p> |
|
||||||
{% if (!o.files.error) { %} |
|
||||||
<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 (!o.files.error && !i && !o.options.autoUpload) { %} |
|
||||||
<button class="btn btn-primary start"> |
|
||||||
<i class="glyphicon glyphicon-upload"></i> |
|
||||||
<span>{%=locale.fileupload.start%}</span> |
|
||||||
</button> |
|
||||||
{% } %} |
|
||||||
{% if (!i) { %} |
|
||||||
<button class="btn btn-warning cancel"> |
|
||||||
<i class="glyphicon glyphicon-ban-circle"></i> |
|
||||||
<span>{%=locale.fileupload.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"> |
|
||||||
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> |
|
||||||
</p> |
|
||||||
{% if (file.error) { %} |
|
||||||
<div><span class="label label-important">{%=locale.fileupload.error%}</span> {%=file.error%}</div> |
|
||||||
{% } %} |
|
||||||
</td> |
|
||||||
<td> |
|
||||||
<span class="size">{%=o.formatFileSize(file.size)%}</span> |
|
||||||
</td> |
|
||||||
<td> |
|
||||||
<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>{%=locale.fileupload.destroy%}</span> |
|
||||||
</button> |
|
||||||
<input type="checkbox" name="delete" value="1" class="toggle"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
{% } %} |
|
||||||
</script> |
|
||||||
""" |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,16 +0,0 @@ |
|||||||
""" |
|
||||||
This file demonstrates writing tests using the unittest module. These will pass |
|
||||||
when you run "manage.py test". |
|
||||||
|
|
||||||
Replace this with more appropriate tests for your application. |
|
||||||
""" |
|
||||||
|
|
||||||
from django.test import TestCase |
|
||||||
|
|
||||||
|
|
||||||
class SimpleTest(TestCase): |
|
||||||
def test_basic_addition(self): |
|
||||||
""" |
|
||||||
Tests that 1 + 1 always equals 2. |
|
||||||
""" |
|
||||||
self.assertEqual(1 + 1, 2) |
|
||||||
@ -1,17 +0,0 @@ |
|||||||
# encoding: utf-8 |
|
||||||
from django.conf.urls import patterns, url |
|
||||||
from fileupload.views import ( |
|
||||||
BasicVersionCreateView, BasicPlusVersionCreateView, |
|
||||||
jQueryVersionCreateView, AngularVersionCreateView, |
|
||||||
PictureCreateView, PictureDeleteView, PictureListView, |
|
||||||
) |
|
||||||
|
|
||||||
urlpatterns = patterns('', |
|
||||||
# url(r'^basic/$', BasicVersionCreateView.as_view(), name='upload-basic'), |
|
||||||
# url(r'^basic/plus/$', BasicPlusVersionCreateView.as_view(), name='upload-basic-plus'), |
|
||||||
url(r'^new/$', PictureCreateView.as_view(), name='upload-new'), |
|
||||||
# url(r'^angular/$', AngularVersionCreateView.as_view(), name='upload-angular'), |
|
||||||
# url(r'^jquery-ui/$', jQueryVersionCreateView.as_view(), name='upload-jquery'), |
|
||||||
url(r'^delete/(?P<pk>\d+)$', PictureDeleteView.as_view(), name='upload-delete'), |
|
||||||
url(r'^view/$', PictureListView.as_view(), name='upload-view'), |
|
||||||
) |
|
||||||
@ -1,62 +0,0 @@ |
|||||||
# encoding: utf-8 |
|
||||||
import json |
|
||||||
|
|
||||||
from django.http import HttpResponse |
|
||||||
from django.views.generic import CreateView, DeleteView, ListView |
|
||||||
from .models import Picture |
|
||||||
from .response import JSONResponse, response_mimetype |
|
||||||
from .serialize import serialize |
|
||||||
|
|
||||||
|
|
||||||
class PictureCreateView(CreateView): |
|
||||||
model = Picture |
|
||||||
fields = "__all__" |
|
||||||
template_name = 'client/fileupload/fileupload/picture_form.html' |
|
||||||
|
|
||||||
def form_valid(self, form): |
|
||||||
self.object = form.save() |
|
||||||
files = [serialize(self.object)] |
|
||||||
data = {'files': files} |
|
||||||
response = JSONResponse(data, mimetype=response_mimetype(self.request)) |
|
||||||
response['Content-Disposition'] = 'inline; filename=files.json' |
|
||||||
return response |
|
||||||
|
|
||||||
def form_invalid(self, form): |
|
||||||
data = json.dumps(form.errors) |
|
||||||
return HttpResponse(content=data, status=400, content_type='application/json') |
|
||||||
|
|
||||||
class BasicVersionCreateView(PictureCreateView): |
|
||||||
template_name = 'client/fileupload/fileupload/picture_basic_form.html' |
|
||||||
|
|
||||||
|
|
||||||
class BasicPlusVersionCreateView(PictureCreateView): |
|
||||||
template_name = 'client/fileupload/fileupload/picture_basicplus_form.html' |
|
||||||
|
|
||||||
class AngularVersionCreateView(PictureCreateView): |
|
||||||
template_name = 'client/fileupload/fileupload/picture_angular_form.html' |
|
||||||
|
|
||||||
|
|
||||||
class jQueryVersionCreateView(PictureCreateView): |
|
||||||
template_name = 'client/fileupload/fileupload/picture_jquery_form.html' |
|
||||||
|
|
||||||
|
|
||||||
class PictureDeleteView(DeleteView): |
|
||||||
model = Picture |
|
||||||
|
|
||||||
def delete(self, request, *args, **kwargs): |
|
||||||
self.object = self.get_object() |
|
||||||
self.object.delete() |
|
||||||
response = JSONResponse(True, mimetype=response_mimetype(request)) |
|
||||||
response['Content-Disposition'] = 'inline; filename=files.json' |
|
||||||
return response |
|
||||||
|
|
||||||
|
|
||||||
class PictureListView(ListView): |
|
||||||
model = Picture |
|
||||||
|
|
||||||
def render_to_response(self, context, **response_kwargs): |
|
||||||
files = [ serialize(p) for p in self.get_queryset() ] |
|
||||||
data = {'files': files} |
|
||||||
response = JSONResponse(data, mimetype=response_mimetype(self.request)) |
|
||||||
response['Content-Disposition'] = 'inline; filename=files.json' |
|
||||||
return response |
|
||||||
File diff suppressed because one or more lines are too long
@ -1,21 +0,0 @@ |
|||||||
@charset "UTF-8"; |
|
||||||
/* |
|
||||||
* jQuery File Upload Demo CSS Fixes for IE<9 1.0.0 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload |
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net |
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT |
|
||||||
*/ |
|
||||||
|
|
||||||
.navigation { |
|
||||||
list-style: none; |
|
||||||
padding: 0; |
|
||||||
margin: 1em 0; |
|
||||||
} |
|
||||||
.navigation li { |
|
||||||
display: inline; |
|
||||||
margin-right: 10px; |
|
||||||
} |
|
||||||
@ -1,67 +0,0 @@ |
|||||||
@charset "UTF-8"; |
|
||||||
/* |
|
||||||
* jQuery File Upload Demo CSS 1.0.2 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload |
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net |
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT |
|
||||||
*/ |
|
||||||
|
|
||||||
body { |
|
||||||
max-width: 750px; |
|
||||||
margin: 0 auto; |
|
||||||
padding: 1em; |
|
||||||
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; |
|
||||||
font-size: 1em; |
|
||||||
line-height: 1.4em; |
|
||||||
background: #222; |
|
||||||
color: #fff; |
|
||||||
-webkit-text-size-adjust: 100%; |
|
||||||
-ms-text-size-adjust: 100%; |
|
||||||
} |
|
||||||
a { |
|
||||||
color: orange; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
img { |
|
||||||
border: 0; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
h1 { |
|
||||||
line-height: 1em; |
|
||||||
} |
|
||||||
blockquote { |
|
||||||
padding: 0 0 0 15px; |
|
||||||
margin: 0 0 20px; |
|
||||||
border-left: 5px solid #eee; |
|
||||||
} |
|
||||||
table { |
|
||||||
width: 100%; |
|
||||||
margin: 10px 0; |
|
||||||
} |
|
||||||
|
|
||||||
.fileupload-progress { |
|
||||||
margin: 10px 0; |
|
||||||
} |
|
||||||
.fileupload-progress .progress-extended { |
|
||||||
margin-top: 5px; |
|
||||||
} |
|
||||||
.error { |
|
||||||
color: red; |
|
||||||
} |
|
||||||
|
|
||||||
@media (min-width: 481px) { |
|
||||||
.navigation { |
|
||||||
list-style: none; |
|
||||||
padding: 0; |
|
||||||
} |
|
||||||
.navigation li { |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
.navigation li:not(:first-child):before { |
|
||||||
content: '| '; |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,27 +0,0 @@ |
|||||||
@charset "UTF-8"; |
|
||||||
/* |
|
||||||
* jQuery File Upload UI Plugin NoScript CSS 1.0 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload |
|
||||||
* |
|
||||||
* Copyright 2012, Sebastian Tschan |
|
||||||
* https://blueimp.net |
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT |
|
||||||
*/ |
|
||||||
|
|
||||||
.fileinput-button input { |
|
||||||
position: static; |
|
||||||
opacity: 1; |
|
||||||
filter: none; |
|
||||||
transform: none; |
|
||||||
font-size: inherit; |
|
||||||
direction: inherit; |
|
||||||
} |
|
||||||
|
|
||||||
.fileinput-button span, |
|
||||||
.fileinput-button i, |
|
||||||
.fileupload-buttonbar .delete, |
|
||||||
.fileupload-buttonbar .toggle { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
@ -1,68 +0,0 @@ |
|||||||
@charset "UTF-8"; |
|
||||||
/* |
|
||||||
* jQuery File Upload UI Plugin CSS 8.8.1 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload |
|
||||||
* |
|
||||||
* Copyright 2010, Sebastian Tschan |
|
||||||
* https://blueimp.net |
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT |
|
||||||
*/ |
|
||||||
|
|
||||||
.fileinput-button { |
|
||||||
position: relative; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
.fileinput-button input { |
|
||||||
position: absolute; |
|
||||||
top: 0; |
|
||||||
right: 0; |
|
||||||
margin: 0; |
|
||||||
opacity: 0; |
|
||||||
filter: alpha(opacity=0); |
|
||||||
transform: translate(-300px, 0) scale(4); |
|
||||||
font-size: 23px; |
|
||||||
direction: ltr; |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
.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-loading { |
|
||||||
float: right; |
|
||||||
width: 32px; |
|
||||||
height: 32px; |
|
||||||
background: url(../img/loading.gif) center no-repeat; |
|
||||||
background-size: contain; |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.fileupload-processing .fileupload-loading { |
|
||||||
display: block; |
|
||||||
} |
|
||||||
.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; |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,19 +0,0 @@ |
|||||||
@charset "UTF-8"; |
|
||||||
/* |
|
||||||
* jQuery File Upload Plugin CSS Example 8.8.2 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload |
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net |
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT |
|
||||||
*/ |
|
||||||
|
|
||||||
body { |
|
||||||
padding-top: 60px; |
|
||||||
} |
|
||||||
|
|
||||||
.preview img { |
|
||||||
max-height:50px; |
|
||||||
} |
|
||||||
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
@ -1,106 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Plugin Angular JS Example 1.2.1 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, regexp: true */ |
|
||||||
/*global window, angular */ |
|
||||||
|
|
||||||
(function () { |
|
||||||
'use strict'; |
|
||||||
|
|
||||||
|
|
||||||
var isOnGitHub = window.location.hostname === 'blueimp.github.io', |
|
||||||
url = '/upload/angular/', |
|
||||||
urlview = '/upload/view/'; |
|
||||||
|
|
||||||
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: 5000000, |
|
||||||
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(urlview) |
|
||||||
.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, |
|
||||||
xsrfHeaderName: 'X-CSRFToken', |
|
||||||
xsrfCookieName: 'csrftoken' |
|
||||||
}).then( |
|
||||||
function () { |
|
||||||
state = 'resolved'; |
|
||||||
$scope.clear(file); |
|
||||||
}, |
|
||||||
function () { |
|
||||||
state = 'rejected'; |
|
||||||
} |
|
||||||
); |
|
||||||
}; |
|
||||||
} else if (!file.$cancel && !file._index) { |
|
||||||
file.$cancel = function () { |
|
||||||
$scope.clear(file); |
|
||||||
}; |
|
||||||
} |
|
||||||
} |
|
||||||
]); |
|
||||||
|
|
||||||
}()); |
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||||||
!function(t){"use strict";var e=t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype,n=t.Blob&&function(){try{return Boolean(new Blob)}catch(t){return!1}}(),o=n&&t.Uint8Array&&function(){try{return 100===new Blob([new Uint8Array(100)]).size}catch(t){return!1}}(),r=t.BlobBuilder||t.WebKitBlobBuilder||t.MozBlobBuilder||t.MSBlobBuilder,i=(n||r)&&t.atob&&t.ArrayBuffer&&t.Uint8Array&&function(t){var e,i,a,l,u,B;for(e=t.split(",")[0].indexOf("base64")>=0?atob(t.split(",")[1]):decodeURIComponent(t.split(",")[1]),i=new ArrayBuffer(e.length),a=new Uint8Array(i),l=0;l<e.length;l+=1)a[l]=e.charCodeAt(l);return u=t.split(",")[0].split(":")[1].split(";")[0],n?new Blob([o?a:i],{type:u}):(B=new r,B.append(i),B.getBlob(u))};t.HTMLCanvasElement&&!e.toBlob&&(e.mozGetAsFile?e.toBlob=function(t,n,o){o&&e.toDataURL&&i?t(i(this.toDataURL(n,o))):t(this.mozGetAsFile("blob",n))}:e.toDataURL&&i&&(e.toBlob=function(t,e,n){t(i(this.toDataURL(e,n)))})),"function"==typeof define&&define.amd?define(function(){return i}):t.dataURLtoBlob=i}(this); |
|
||||||
@ -1,118 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery postMessage Transport Plugin 1.1.1 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2011, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint unparam: true, nomen: true */ |
|
||||||
/*global define, window, document */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery'], factory); |
|
||||||
} 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; |
|
||||||
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,87 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery XDomainRequest Transport Plugin 1.1.3 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2011, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
* |
|
||||||
* Based on Julian Aubourg's ajaxHooks xdr.js: |
|
||||||
* https://github.com/jaubourg/ajaxHooks/
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint unparam: true */ |
|
||||||
/*global define, window, XDomainRequest */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery'], factory); |
|
||||||
} 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,22 +0,0 @@ |
|||||||
// modify jquery ajax to add csrtoken when doing "local" requests
|
|
||||||
$('html').ajaxSend(function(event, xhr, settings) { |
|
||||||
function getCookie(name) { |
|
||||||
var cookieValue = null; |
|
||||||
if (document.cookie && document.cookie != '') { |
|
||||||
var cookies = document.cookie.split(';'); |
|
||||||
for (var i = 0; i < cookies.length; i++) { |
|
||||||
var cookie = jQuery.trim(cookies[i]); |
|
||||||
// Does this cookie string begin with the name we want?
|
|
||||||
if (cookie.substring(0, name.length + 1) == (name + '=')) { |
|
||||||
cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); |
|
||||||
break; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
return cookieValue; |
|
||||||
} |
|
||||||
if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) { |
|
||||||
// Only send the token to relative URLs i.e. locally.
|
|
||||||
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')); |
|
||||||
} |
|
||||||
}); |
|
||||||
File diff suppressed because one or more lines are too long
@ -1,90 +0,0 @@ |
|||||||
/*! |
|
||||||
* jQuery Cookie Plugin v1.3.1 |
|
||||||
* https://github.com/carhartl/jquery-cookie
|
|
||||||
* |
|
||||||
* Copyright 2013 Klaus Hartl |
|
||||||
* Released under the MIT license |
|
||||||
*/ |
|
||||||
(function ($, document, undefined) { |
|
||||||
|
|
||||||
var pluses = /\+/g; |
|
||||||
|
|
||||||
function raw(s) { |
|
||||||
return s; |
|
||||||
} |
|
||||||
|
|
||||||
function decoded(s) { |
|
||||||
return unRfc2068(decodeURIComponent(s.replace(pluses, ' '))); |
|
||||||
} |
|
||||||
|
|
||||||
function unRfc2068(value) { |
|
||||||
if (value.indexOf('"') === 0) { |
|
||||||
// This is a quoted cookie as according to RFC2068, unescape
|
|
||||||
value = value.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); |
|
||||||
} |
|
||||||
return value; |
|
||||||
} |
|
||||||
|
|
||||||
function fromJSON(value) { |
|
||||||
return config.json ? JSON.parse(value) : value; |
|
||||||
} |
|
||||||
|
|
||||||
var config = $.cookie = function (key, value, options) { |
|
||||||
|
|
||||||
// write
|
|
||||||
if (value !== undefined) { |
|
||||||
options = $.extend({}, config.defaults, options); |
|
||||||
|
|
||||||
if (value === null) { |
|
||||||
options.expires = -1; |
|
||||||
} |
|
||||||
|
|
||||||
if (typeof options.expires === 'number') { |
|
||||||
var days = options.expires, t = options.expires = new Date(); |
|
||||||
t.setDate(t.getDate() + days); |
|
||||||
} |
|
||||||
|
|
||||||
value = config.json ? JSON.stringify(value) : String(value); |
|
||||||
|
|
||||||
return (document.cookie = [ |
|
||||||
encodeURIComponent(key), '=', config.raw ? value : encodeURIComponent(value), |
|
||||||
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
|
|
||||||
options.path ? '; path=' + options.path : '', |
|
||||||
options.domain ? '; domain=' + options.domain : '', |
|
||||||
options.secure ? '; secure' : '' |
|
||||||
].join('')); |
|
||||||
} |
|
||||||
|
|
||||||
// read
|
|
||||||
var decode = config.raw ? raw : decoded; |
|
||||||
var cookies = document.cookie.split('; '); |
|
||||||
var result = key ? null : {}; |
|
||||||
for (var i = 0, l = cookies.length; i < l; i++) { |
|
||||||
var parts = cookies[i].split('='); |
|
||||||
var name = decode(parts.shift()); |
|
||||||
var cookie = decode(parts.join('=')); |
|
||||||
|
|
||||||
if (key && key === name) { |
|
||||||
result = fromJSON(cookie); |
|
||||||
break; |
|
||||||
} |
|
||||||
|
|
||||||
if (!key) { |
|
||||||
result[name] = fromJSON(cookie); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return result; |
|
||||||
}; |
|
||||||
|
|
||||||
config.defaults = {}; |
|
||||||
|
|
||||||
$.removeCookie = function (key, options) { |
|
||||||
if ($.cookie(key) !== null) { |
|
||||||
$.cookie(key, null, options); |
|
||||||
return true; |
|
||||||
} |
|
||||||
return false; |
|
||||||
}; |
|
||||||
|
|
||||||
})(jQuery, document); |
|
||||||
@ -1,402 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload AngularJS Plugin 1.4.3 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true */ |
|
||||||
/*global define, angular */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([ |
|
||||||
'jquery', |
|
||||||
'angular', |
|
||||||
'./jquery.fileupload-image', |
|
||||||
'./jquery.fileupload-audio', |
|
||||||
'./jquery.fileupload-video', |
|
||||||
'./jquery.fileupload-validate' |
|
||||||
], factory); |
|
||||||
} else { |
|
||||||
factory(); |
|
||||||
} |
|
||||||
}(function () { |
|
||||||
'use strict'; |
|
||||||
|
|
||||||
angular.module('blueimp.fileupload', []) |
|
||||||
|
|
||||||
// The fileUpload service provides configuration options
|
|
||||||
// for the fileUpload directive and default handlers for
|
|
||||||
// File Upload events:
|
|
||||||
.provider('fileUpload', function () { |
|
||||||
var scopeApply = function () { |
|
||||||
var scope = angular.element(this) |
|
||||||
.fileupload('option', 'scope')(), |
|
||||||
$timeout = angular.injector(['ng']) |
|
||||||
.get('$timeout'); |
|
||||||
// Safe apply, makes sure $apply is called
|
|
||||||
// asynchronously outside of the $digest cycle:
|
|
||||||
$timeout(function () { |
|
||||||
scope.$apply(); |
|
||||||
}); |
|
||||||
}, |
|
||||||
$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) { |
|
||||||
var scope = data.scope(); |
|
||||||
data.process(function () { |
|
||||||
return scope.process(data); |
|
||||||
}).always( |
|
||||||
function () { |
|
||||||
var file = data.files[0], |
|
||||||
submit = function () { |
|
||||||
return data.submit(); |
|
||||||
}, |
|
||||||
i; |
|
||||||
for (i = 0; i < data.files.length; i += 1) { |
|
||||||
data.files[i]._index = i; |
|
||||||
} |
|
||||||
file.$cancel = function () { |
|
||||||
scope.clear(data.files); |
|
||||||
return data.abort(); |
|
||||||
}; |
|
||||||
file.$state = function () { |
|
||||||
return data.state(); |
|
||||||
}; |
|
||||||
file.$progress = function () { |
|
||||||
return data.progress(); |
|
||||||
}; |
|
||||||
file.$response = function () { |
|
||||||
return data.response(); |
|
||||||
}; |
|
||||||
if (file.$state() === 'rejected') { |
|
||||||
file._$submit = submit; |
|
||||||
} else { |
|
||||||
file.$submit = submit; |
|
||||||
} |
|
||||||
scope.$apply(function () { |
|
||||||
var method = scope.option('prependFiles') ? |
|
||||||
'unshift' : 'push'; |
|
||||||
Array.prototype[method].apply( |
|
||||||
scope.queue, |
|
||||||
data.files |
|
||||||
); |
|
||||||
if (file.$submit && |
|
||||||
(scope.option('autoUpload') || |
|
||||||
data.autoUpload) && |
|
||||||
data.autoUpload !== false) { |
|
||||||
file.$submit(); |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
); |
|
||||||
}, |
|
||||||
progress: function (e, data) { |
|
||||||
data.scope().$apply(); |
|
||||||
}, |
|
||||||
done: function (e, data) { |
|
||||||
var that = this; |
|
||||||
data.scope().$apply(function () { |
|
||||||
data.handleResponse.call(that, e, data); |
|
||||||
}); |
|
||||||
}, |
|
||||||
fail: function (e, data) { |
|
||||||
var that = this; |
|
||||||
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) {} |
|
||||||
} |
|
||||||
data.scope().$apply(function () { |
|
||||||
data.handleResponse.call(that, e, data); |
|
||||||
}); |
|
||||||
}, |
|
||||||
stop: scopeApply, |
|
||||||
processstart: scopeApply, |
|
||||||
processstop: scopeApply, |
|
||||||
getNumberOfFiles: function () { |
|
||||||
return this.scope().queue.length; |
|
||||||
}, |
|
||||||
dataType: 'json', |
|
||||||
autoUpload: false |
|
||||||
}; |
|
||||||
this.$get = [ |
|
||||||
function () { |
|
||||||
return { |
|
||||||
defaults: $config |
|
||||||
}; |
|
||||||
} |
|
||||||
]; |
|
||||||
}) |
|
||||||
|
|
||||||
// Format byte numbers to readable presentations:
|
|
||||||
.provider('formatFileSizeFilter', function () { |
|
||||||
var $config = { |
|
||||||
// Byte units following the IEC format
|
|
||||||
// http://en.wikipedia.org/wiki/Kilobyte
|
|
||||||
units: [ |
|
||||||
{size: 1000000000, suffix: ' GB'}, |
|
||||||
{size: 1000000, suffix: ' MB'}, |
|
||||||
{size: 1000, suffix: ' KB'} |
|
||||||
] |
|
||||||
}; |
|
||||||
this.defaults = $config; |
|
||||||
this.$get = function () { |
|
||||||
return function (bytes) { |
|
||||||
if (!angular.isNumber(bytes)) { |
|
||||||
return ''; |
|
||||||
} |
|
||||||
var unit = true, |
|
||||||
i = 0, |
|
||||||
prefix, |
|
||||||
suffix; |
|
||||||
while (unit) { |
|
||||||
unit = $config.units[i]; |
|
||||||
prefix = unit.prefix || ''; |
|
||||||
suffix = unit.suffix || ''; |
|
||||||
if (i === $config.units.length - 1 || bytes >= unit.size) { |
|
||||||
return prefix + (bytes / unit.size).toFixed(2) + suffix; |
|
||||||
} |
|
||||||
i += 1; |
|
||||||
} |
|
||||||
}; |
|
||||||
}; |
|
||||||
}) |
|
||||||
|
|
||||||
// The FileUploadController initializes the fileupload widget and
|
|
||||||
// provides scope methods to control the File Upload functionality:
|
|
||||||
.controller('FileUploadController', [ |
|
||||||
'$scope', '$element', '$attrs', '$window', 'fileUpload', |
|
||||||
function ($scope, $element, $attrs, $window, fileUpload) { |
|
||||||
var uploadMethods = { |
|
||||||
progress: function () { |
|
||||||
return $element.fileupload('progress'); |
|
||||||
}, |
|
||||||
active: function () { |
|
||||||
return $element.fileupload('active'); |
|
||||||
}, |
|
||||||
option: function (option, data) { |
|
||||||
return $element.fileupload('option', option, data); |
|
||||||
}, |
|
||||||
add: function (data) { |
|
||||||
return $element.fileupload('add', data); |
|
||||||
}, |
|
||||||
send: function (data) { |
|
||||||
return $element.fileupload('send', data); |
|
||||||
}, |
|
||||||
process: function (data) { |
|
||||||
return $element.fileupload('process', data); |
|
||||||
}, |
|
||||||
processing: function (data) { |
|
||||||
return $element.fileupload('processing', data); |
|
||||||
} |
|
||||||
}; |
|
||||||
$scope.disabled = !$window.jQuery.support.fileInput; |
|
||||||
$scope.queue = $scope.queue || []; |
|
||||||
$scope.clear = function (files) { |
|
||||||
var queue = this.queue, |
|
||||||
i = queue.length, |
|
||||||
file = files, |
|
||||||
length = 1; |
|
||||||
if (angular.isArray(files)) { |
|
||||||
file = files[0]; |
|
||||||
length = files.length; |
|
||||||
} |
|
||||||
while (i) { |
|
||||||
i -= 1; |
|
||||||
if (queue[i] === file) { |
|
||||||
return queue.splice(i, length); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
$scope.replace = function (oldFiles, newFiles) { |
|
||||||
var queue = this.queue, |
|
||||||
file = oldFiles[0], |
|
||||||
i, |
|
||||||
j; |
|
||||||
for (i = 0; i < queue.length; i += 1) { |
|
||||||
if (queue[i] === file) { |
|
||||||
for (j = 0; j < newFiles.length; j += 1) { |
|
||||||
queue[i + j] = newFiles[j]; |
|
||||||
} |
|
||||||
return; |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
$scope.applyOnQueue = function (method) { |
|
||||||
var list = this.queue.slice(0), |
|
||||||
i, |
|
||||||
file; |
|
||||||
for (i = 0; i < list.length; i += 1) { |
|
||||||
file = list[i]; |
|
||||||
if (file[method]) { |
|
||||||
file[method](); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
$scope.submit = function () { |
|
||||||
this.applyOnQueue('$submit'); |
|
||||||
}; |
|
||||||
$scope.cancel = function () { |
|
||||||
this.applyOnQueue('$cancel'); |
|
||||||
}; |
|
||||||
// Add upload methods to the scope:
|
|
||||||
angular.extend($scope, uploadMethods); |
|
||||||
// The fileupload widget will initialize with
|
|
||||||
// the options provided via "data-"-parameters,
|
|
||||||
// as well as those given via options object:
|
|
||||||
$element.fileupload(angular.extend( |
|
||||||
{scope: function () { |
|
||||||
return $scope; |
|
||||||
}}, |
|
||||||
fileUpload.defaults |
|
||||||
)).on('fileuploadadd', function (e, data) { |
|
||||||
data.scope = $scope.option('scope'); |
|
||||||
}).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) { |
|
||||||
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', '$parse', |
|
||||||
function ($scope, $element, $attrs, $parse) { |
|
||||||
var fn = $parse($attrs.fileUploadPreview), |
|
||||||
file = fn($scope); |
|
||||||
if (file.preview) { |
|
||||||
$element.append(file.preview); |
|
||||||
} |
|
||||||
} |
|
||||||
]) |
|
||||||
|
|
||||||
.directive('fileUpload', function () { |
|
||||||
return { |
|
||||||
controller: 'FileUploadController' |
|
||||||
}; |
|
||||||
}) |
|
||||||
|
|
||||||
.directive('fileUploadProgress', function () { |
|
||||||
return { |
|
||||||
controller: 'FileUploadProgressController' |
|
||||||
}; |
|
||||||
}) |
|
||||||
|
|
||||||
.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,106 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Audio Preview Plugin 1.0.3 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true, regexp: true */ |
|
||||||
/*global define, 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 { |
|
||||||
// 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,292 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Image Preview & Resize Plugin 1.2.3 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true, regexp: true */ |
|
||||||
/*global define, window, document, DataView, Blob, Uint8Array */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([ |
|
||||||
'jquery', |
|
||||||
'load-image', |
|
||||||
'load-image-meta', |
|
||||||
'load-image-exif', |
|
||||||
'load-image-ios', |
|
||||||
'canvas-to-blob', |
|
||||||
'./jquery.fileupload-process' |
|
||||||
], factory); |
|
||||||
} 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: '@', |
|
||||||
disabled: '@disableImageResize' |
|
||||||
}, |
|
||||||
{ |
|
||||||
action: 'saveImage', |
|
||||||
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' |
|
||||||
} |
|
||||||
); |
|
||||||
|
|
||||||
// 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)$/, |
|
||||||
// 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, |
|
||||||
// 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 canvas.
|
|
||||||
// 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.
|
|
||||||
// Accepts the options maxWidth, maxHeight, minWidth,
|
|
||||||
// minHeight, canvas and crop:
|
|
||||||
resizeImage: function (data, options) { |
|
||||||
if (options.disabled) { |
|
||||||
return data; |
|
||||||
} |
|
||||||
var that = this, |
|
||||||
dfd = $.Deferred(), |
|
||||||
resolve = function (newImg) { |
|
||||||
data[newImg.getContext ? 'canvas' : 'img'] = newImg; |
|
||||||
dfd.resolveWith(that, [data]); |
|
||||||
}, |
|
||||||
thumbnail, |
|
||||||
img, |
|
||||||
newImg; |
|
||||||
options = $.extend({canvas: true}, options); |
|
||||||
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(); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
img = (options.canvas && data.canvas) || data.img; |
|
||||||
if (img) { |
|
||||||
newImg = loadImage.scale(img, options); |
|
||||||
if (newImg.width !== img.width || |
|
||||||
newImg.height !== img.height) { |
|
||||||
resolve(newImg); |
|
||||||
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], |
|
||||||
name = file.name, |
|
||||||
dfd = $.Deferred(), |
|
||||||
callback = function (blob) { |
|
||||||
if (!blob.name) { |
|
||||||
if (file.type === blob.type) { |
|
||||||
blob.name = file.name; |
|
||||||
} else if (file.name) { |
|
||||||
blob.name = file.name.replace( |
|
||||||
/\..+$/, |
|
||||||
'.' + blob.type.substr(6) |
|
||||||
); |
|
||||||
} |
|
||||||
} |
|
||||||
// Store the created blob at the position
|
|
||||||
// of the original file in the files list:
|
|
||||||
data.files[data.index] = blob; |
|
||||||
dfd.resolveWith(that, [data]); |
|
||||||
}; |
|
||||||
// Use canvas.mozGetAsFile directly, to retain the filename, as
|
|
||||||
// Gecko doesn't support the filename option for FormData.append:
|
|
||||||
if (data.canvas.mozGetAsFile) { |
|
||||||
callback(data.canvas.mozGetAsFile( |
|
||||||
(/^image\/(jpeg|png)$/.test(file.type) && name) || |
|
||||||
((name && name.replace(/\..+$/, '')) || |
|
||||||
'blob') + '.png', |
|
||||||
file.type |
|
||||||
)); |
|
||||||
} else if (data.canvas.toBlob) { |
|
||||||
data.canvas.toBlob(callback, file.type); |
|
||||||
} 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) { |
|
||||||
var img = data.canvas || data.img; |
|
||||||
if (img && !options.disabled) { |
|
||||||
data.files[data.index][options.name || 'preview'] = img; |
|
||||||
} |
|
||||||
return data; |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
}); |
|
||||||
|
|
||||||
})); |
|
||||||
@ -1,138 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload jQuery UI Plugin 8.7.0 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true */ |
|
||||||
/*global define, window */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery', './jquery.fileupload-ui'], factory); |
|
||||||
} else { |
|
||||||
// Browser globals:
|
|
||||||
factory(window.jQuery); |
|
||||||
} |
|
||||||
}(function ($) { |
|
||||||
'use strict'; |
|
||||||
|
|
||||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
|
||||||
|
|
||||||
options: { |
|
||||||
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 |
|
||||||
}); |
|
||||||
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 |
|
||||||
}); |
|
||||||
return node; |
|
||||||
}, |
|
||||||
|
|
||||||
_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,164 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Processing Plugin 1.2.2 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2012, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true */ |
|
||||||
/*global define, window */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([ |
|
||||||
'jquery', |
|
||||||
'./jquery.fileupload' |
|
||||||
], factory); |
|
||||||
} 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) { |
|
||||||
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) { |
|
||||||
return that.processActions[settings.action].call( |
|
||||||
that, |
|
||||||
data, |
|
||||||
settings |
|
||||||
); |
|
||||||
}; |
|
||||||
chain = chain.pipe(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 () { |
|
||||||
return that._processFile(opts); |
|
||||||
}; |
|
||||||
opts.index = index; |
|
||||||
that._processing += 1; |
|
||||||
that._processingQueue = that._processingQueue.pipe(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,643 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload User Interface Plugin 8.8.1 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2010, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true, regexp: true */ |
|
||||||
/*global define, window, URL, webkitURL, FileReader */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([ |
|
||||||
'jquery', |
|
||||||
'tmpl', |
|
||||||
'./jquery.fileupload-image', |
|
||||||
'./jquery.fileupload-audio', |
|
||||||
'./jquery.fileupload-video', |
|
||||||
'./jquery.fileupload-validate' |
|
||||||
], factory); |
|
||||||
} else { |
|
||||||
// Browser globals:
|
|
||||||
factory( |
|
||||||
window.jQuery, |
|
||||||
window.tmpl |
|
||||||
); |
|
||||||
} |
|
||||||
}(function ($, tmpl, loadImage) { |
|
||||||
'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', |
|
||||||
|
|
||||||
// Function returning the current number of files,
|
|
||||||
// used by the maxNumberOfFiles validation:
|
|
||||||
getNumberOfFiles: function () { |
|
||||||
return this.filesContainer.children().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) { |
|
||||||
var $this = $(this), |
|
||||||
that = $this.data('blueimp-fileupload') || |
|
||||||
$this.data('fileupload'), |
|
||||||
options = that.options, |
|
||||||
files = data.files; |
|
||||||
data.process(function () { |
|
||||||
return $this.fileupload('process', data); |
|
||||||
}).always(function () { |
|
||||||
data.context = that._renderUpload(files).data('data', data); |
|
||||||
that._renderPreviews(data); |
|
||||||
options.filesContainer[ |
|
||||||
options.prependFiles ? 'prepend' : 'append' |
|
||||||
](data.context); |
|
||||||
that._forceReflow(data.context); |
|
||||||
that._transition(data.context).done( |
|
||||||
function () { |
|
||||||
if ((that._trigger('added', e, data) !== false) && |
|
||||||
(options.autoUpload || data.autoUpload) && |
|
||||||
data.autoUpload !== false && !data.files.error) { |
|
||||||
data.submit(); |
|
||||||
} |
|
||||||
} |
|
||||||
); |
|
||||||
}); |
|
||||||
}, |
|
||||||
// Callback for the start of each file upload request:
|
|
||||||
send: function (e, data) { |
|
||||||
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) { |
|
||||||
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) { |
|
||||||
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 || |
|
||||||
true; |
|
||||||
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 (data.context) { |
|
||||||
var progress = Math.floor(data.loaded / data.total * 100); |
|
||||||
data.context.find('.progress') |
|
||||||
.attr('aria-valuenow', progress) |
|
||||||
.children().first().css( |
|
||||||
'width', |
|
||||||
progress + '%' |
|
||||||
); |
|
||||||
} |
|
||||||
}, |
|
||||||
// Callback for global upload progress events:
|
|
||||||
progressall: function (e, data) { |
|
||||||
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) { |
|
||||||
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) { |
|
||||||
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 () { |
|
||||||
$(this).addClass('fileupload-processing'); |
|
||||||
}, |
|
||||||
processstop: function () { |
|
||||||
$(this).removeClass('fileupload-processing'); |
|
||||||
}, |
|
||||||
// Callback for file deletion:
|
|
||||||
destroy: function (e, data) { |
|
||||||
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) { |
|
||||||
$.ajax(data).done(removeNode); |
|
||||||
} 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'); |
|
||||||
if (data && data.submit && !data.jqXHR && data.submit()) { |
|
||||||
button.prop('disabled', true); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
_cancelHandler: function (e) { |
|
||||||
e.preventDefault(); |
|
||||||
var template = $(e.currentTarget).closest('.template-upload'), |
|
||||||
data = template.data('data') || {}; |
|
||||||
if (!data.jqXHR) { |
|
||||||
data.errorThrown = 'abort'; |
|
||||||
this._trigger('fail', e, data); |
|
||||||
} else { |
|
||||||
data.jqXHR.abort(); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
_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,117 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Validation Plugin 1.1.1 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true, regexp: true */ |
|
||||||
/*global define, window */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([ |
|
||||||
'jquery', |
|
||||||
'./jquery.fileupload-process' |
|
||||||
], factory); |
|
||||||
} 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]; |
|
||||||
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 (options.maxFileSize && file.size > |
|
||||||
options.maxFileSize) { |
|
||||||
file.error = settings.i18n('maxFileSize'); |
|
||||||
} else if ($.type(file.size) === 'number' && |
|
||||||
file.size < 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,106 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Video Preview Plugin 1.0.3 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, unparam: true, regexp: true */ |
|
||||||
/*global define, 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 { |
|
||||||
// Browser globals:
|
|
||||||
factory( |
|
||||||
window.jQuery, |
|
||||||
window.loadImage |
|
||||||
); |
|
||||||
} |
|
||||||
}(function ($, loadImage) { |
|
||||||
'use strict'; |
|
||||||
|
|
||||||
// Prepend to the default processQueue:
|
|
||||||
$.blueimp.fileupload.prototype.options.processQueue.unshift( |
|
||||||
{ |
|
||||||
action: 'loadVideo', |
|
||||||
// Use the action as prefix for the "@" options:
|
|
||||||
prefix: true, |
|
||||||
fileTypes: '@', |
|
||||||
maxFileSize: '@', |
|
||||||
disabled: '@disableVideoPreview' |
|
||||||
}, |
|
||||||
{ |
|
||||||
action: 'setVideo', |
|
||||||
name: '@videoPreviewName', |
|
||||||
disabled: '@disableVideoPreview' |
|
||||||
} |
|
||||||
); |
|
||||||
|
|
||||||
// The File Upload Video Preview plugin extends the fileupload widget
|
|
||||||
// with video preview functionality:
|
|
||||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, { |
|
||||||
|
|
||||||
options: { |
|
||||||
// The regular expression for the types of video files to load,
|
|
||||||
// matched against the file type:
|
|
||||||
loadVideoFileTypes: /^video\/.*$/ |
|
||||||
}, |
|
||||||
|
|
||||||
_videoElement: document.createElement('video'), |
|
||||||
|
|
||||||
processActions: { |
|
||||||
|
|
||||||
// Loads the video file given via data.files and data.index
|
|
||||||
// as video element if the browser supports playing it.
|
|
||||||
// Accepts the options fileTypes (regular expression)
|
|
||||||
// and maxFileSize (integer) to limit the files to load:
|
|
||||||
loadVideo: function (data, options) { |
|
||||||
if (options.disabled) { |
|
||||||
return data; |
|
||||||
} |
|
||||||
var file = data.files[data.index], |
|
||||||
url, |
|
||||||
video; |
|
||||||
if (this._videoElement.canPlayType && |
|
||||||
this._videoElement.canPlayType(file.type) && |
|
||||||
($.type(options.maxFileSize) !== 'number' || |
|
||||||
file.size <= options.maxFileSize) && |
|
||||||
(!options.fileTypes || |
|
||||||
options.fileTypes.test(file.type))) { |
|
||||||
url = loadImage.createObjectURL(file); |
|
||||||
if (url) { |
|
||||||
video = this._videoElement.cloneNode(false); |
|
||||||
video.src = url; |
|
||||||
video.controls = true; |
|
||||||
data.video = video; |
|
||||||
return data; |
|
||||||
} |
|
||||||
} |
|
||||||
return data; |
|
||||||
}, |
|
||||||
|
|
||||||
// Sets the video element as a property of the file object:
|
|
||||||
setVideo: function (data, options) { |
|
||||||
if (data.video && !options.disabled) { |
|
||||||
data.files[data.index][options.name || 'preview'] = data.video; |
|
||||||
} |
|
||||||
return data; |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
}); |
|
||||||
|
|
||||||
})); |
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,205 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery Iframe Transport Plugin 1.7 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2011, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint unparam: true, nomen: true */ |
|
||||||
/*global define, window, document */ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
'use strict'; |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery'], factory); |
|
||||||
} else { |
|
||||||
// Browser globals:
|
|
||||||
factory(window.jQuery); |
|
||||||
} |
|
||||||
}(function ($) { |
|
||||||
'use strict'; |
|
||||||
|
|
||||||
// Helper variable to create unique names for the transport iframes:
|
|
||||||
var counter = 0; |
|
||||||
|
|
||||||
// The iframe transport accepts three 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}]
|
|
||||||
$.ajaxTransport('iframe', function (options) { |
|
||||||
if (options.async) { |
|
||||||
var 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'; |
|
||||||
} |
|
||||||
// javascript:false as initial iframe src
|
|
||||||
// prevents warning popups on HTTPS in IE6.
|
|
||||||
// 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="javascript:false;" 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="javascript:false;"></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'); |
|
||||||
} |
|
||||||
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]); |
|
||||||
$(input).prop('name', clone.prop('name')); |
|
||||||
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', 'javascript'.concat(':false;')); |
|
||||||
} |
|
||||||
if (form) { |
|
||||||
form.remove(); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
// The iframe transport returns the iframe content document as response.
|
|
||||||
// The following adds converters from iframe to text, json, html, xml
|
|
||||||
// and script.
|
|
||||||
// Please note that the Content-Type for JSON responses has to be text/plain
|
|
||||||
// or text/html, if the browser doesn't include application/json in the
|
|
||||||
// Accept header, else IE will show a download dialog.
|
|
||||||
// The Content-Type for XML responses on the other hand has to be always
|
|
||||||
// application/xml or text/xml, so IE properly parses the XML response.
|
|
||||||
// See also
|
|
||||||
// https://github.com/blueimp/jQuery-File-Upload/wiki/Setup#content-type-negotiation
|
|
||||||
$.ajaxSetup({ |
|
||||||
converters: { |
|
||||||
'iframe text': function (iframe) { |
|
||||||
return iframe && $(iframe[0].body).text(); |
|
||||||
}, |
|
||||||
'iframe json': function (iframe) { |
|
||||||
return iframe && $.parseJSON($(iframe[0].body).text()); |
|
||||||
}, |
|
||||||
'iframe html': function (iframe) { |
|
||||||
return iframe && $(iframe[0].body).html(); |
|
||||||
}, |
|
||||||
'iframe xml': function (iframe) { |
|
||||||
var xmlDoc = iframe && iframe[0]; |
|
||||||
return xmlDoc && $.isXMLDoc(xmlDoc) ? xmlDoc : |
|
||||||
$.parseXML((xmlDoc.XMLDocument && xmlDoc.XMLDocument.xml) || |
|
||||||
$(xmlDoc.body).html()); |
|
||||||
}, |
|
||||||
'iframe script': function (iframe) { |
|
||||||
return iframe && $.globalEval($(iframe[0].body).text()); |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
})); |
|
||||||
@ -1,282 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery UI Widget 1.8.18+amd |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|
||||||
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
||||||
* http://jquery.org/license
|
|
||||||
* |
|
||||||
* http://docs.jquery.com/UI/Widget
|
|
||||||
*/ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
if (typeof define === "function" && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(["jquery"], factory); |
|
||||||
} else { |
|
||||||
// Browser globals:
|
|
||||||
factory(jQuery); |
|
||||||
} |
|
||||||
}(function( $, undefined ) { |
|
||||||
|
|
||||||
// jQuery 1.4+
|
|
||||||
if ( $.cleanData ) { |
|
||||||
var _cleanData = $.cleanData; |
|
||||||
$.cleanData = function( elems ) { |
|
||||||
for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) { |
|
||||||
try { |
|
||||||
$( elem ).triggerHandler( "remove" ); |
|
||||||
// http://bugs.jquery.com/ticket/8235
|
|
||||||
} catch( e ) {} |
|
||||||
} |
|
||||||
_cleanData( elems ); |
|
||||||
}; |
|
||||||
} else { |
|
||||||
var _remove = $.fn.remove; |
|
||||||
$.fn.remove = function( selector, keepData ) { |
|
||||||
return this.each(function() { |
|
||||||
if ( !keepData ) { |
|
||||||
if ( !selector || $.filter( selector, [ this ] ).length ) { |
|
||||||
$( "*", this ).add( [ this ] ).each(function() { |
|
||||||
try { |
|
||||||
$( this ).triggerHandler( "remove" ); |
|
||||||
// http://bugs.jquery.com/ticket/8235
|
|
||||||
} catch( e ) {} |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
return _remove.call( $(this), selector, keepData ); |
|
||||||
}); |
|
||||||
}; |
|
||||||
} |
|
||||||
|
|
||||||
$.widget = function( name, base, prototype ) { |
|
||||||
var namespace = name.split( "." )[ 0 ], |
|
||||||
fullName; |
|
||||||
name = name.split( "." )[ 1 ]; |
|
||||||
fullName = namespace + "-" + name; |
|
||||||
|
|
||||||
if ( !prototype ) { |
|
||||||
prototype = base; |
|
||||||
base = $.Widget; |
|
||||||
} |
|
||||||
|
|
||||||
// create selector for plugin
|
|
||||||
$.expr[ ":" ][ fullName ] = function( elem ) { |
|
||||||
return !!$.data( elem, name ); |
|
||||||
}; |
|
||||||
|
|
||||||
$[ namespace ] = $[ namespace ] || {}; |
|
||||||
$[ namespace ][ name ] = function( options, element ) { |
|
||||||
// allow instantiation without initializing for simple inheritance
|
|
||||||
if ( arguments.length ) { |
|
||||||
this._createWidget( options, element ); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
var 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
|
|
||||||
// $.each( basePrototype, function( key, val ) {
|
|
||||||
// if ( $.isPlainObject(val) ) {
|
|
||||||
// basePrototype[ key ] = $.extend( {}, val );
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
basePrototype.options = $.extend( true, {}, basePrototype.options ); |
|
||||||
$[ namespace ][ name ].prototype = $.extend( true, basePrototype, { |
|
||||||
namespace: namespace, |
|
||||||
widgetName: name, |
|
||||||
widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name, |
|
||||||
widgetBaseClass: fullName |
|
||||||
}, prototype ); |
|
||||||
|
|
||||||
$.widget.bridge( name, $[ namespace ][ name ] ); |
|
||||||
}; |
|
||||||
|
|
||||||
$.widget.bridge = function( name, object ) { |
|
||||||
$.fn[ name ] = function( options ) { |
|
||||||
var isMethodCall = typeof options === "string", |
|
||||||
args = Array.prototype.slice.call( arguments, 1 ), |
|
||||||
returnValue = this; |
|
||||||
|
|
||||||
// allow multiple hashes to be passed on init
|
|
||||||
options = !isMethodCall && args.length ? |
|
||||||
$.extend.apply( null, [ true, options ].concat(args) ) : |
|
||||||
options; |
|
||||||
|
|
||||||
// prevent calls to internal methods
|
|
||||||
if ( isMethodCall && options.charAt( 0 ) === "_" ) { |
|
||||||
return returnValue; |
|
||||||
} |
|
||||||
|
|
||||||
if ( isMethodCall ) { |
|
||||||
this.each(function() { |
|
||||||
var instance = $.data( this, name ), |
|
||||||
methodValue = instance && $.isFunction( instance[options] ) ? |
|
||||||
instance[ options ].apply( instance, args ) : |
|
||||||
instance; |
|
||||||
// TODO: add this back in 1.9 and use $.error() (see #5972)
|
|
||||||
// if ( !instance ) {
|
|
||||||
// throw "cannot call methods on " + name + " prior to initialization; " +
|
|
||||||
// "attempted to call method '" + options + "'";
|
|
||||||
// }
|
|
||||||
// if ( !$.isFunction( instance[options] ) ) {
|
|
||||||
// throw "no such method '" + options + "' for " + name + " widget instance";
|
|
||||||
// }
|
|
||||||
// var methodValue = instance[ options ].apply( instance, args );
|
|
||||||
if ( methodValue !== instance && methodValue !== undefined ) { |
|
||||||
returnValue = methodValue; |
|
||||||
return false; |
|
||||||
} |
|
||||||
}); |
|
||||||
} else { |
|
||||||
this.each(function() { |
|
||||||
var instance = $.data( this, name ); |
|
||||||
if ( instance ) { |
|
||||||
instance.option( options || {} )._init(); |
|
||||||
} else { |
|
||||||
$.data( this, name, new object( options, this ) ); |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
return returnValue; |
|
||||||
}; |
|
||||||
}; |
|
||||||
|
|
||||||
$.Widget = function( options, element ) { |
|
||||||
// allow instantiation without initializing for simple inheritance
|
|
||||||
if ( arguments.length ) { |
|
||||||
this._createWidget( options, element ); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
$.Widget.prototype = { |
|
||||||
widgetName: "widget", |
|
||||||
widgetEventPrefix: "", |
|
||||||
options: { |
|
||||||
disabled: false |
|
||||||
}, |
|
||||||
_createWidget: function( options, element ) { |
|
||||||
// $.widget.bridge stores the plugin instance, but we do it anyway
|
|
||||||
// so that it's stored even before the _create function runs
|
|
||||||
$.data( element, this.widgetName, this ); |
|
||||||
this.element = $( element ); |
|
||||||
this.options = $.extend( true, {}, |
|
||||||
this.options, |
|
||||||
this._getCreateOptions(), |
|
||||||
options ); |
|
||||||
|
|
||||||
var self = this; |
|
||||||
this.element.bind( "remove." + this.widgetName, function() { |
|
||||||
self.destroy(); |
|
||||||
}); |
|
||||||
|
|
||||||
this._create(); |
|
||||||
this._trigger( "create" ); |
|
||||||
this._init(); |
|
||||||
}, |
|
||||||
_getCreateOptions: function() { |
|
||||||
return $.metadata && $.metadata.get( this.element[0] )[ this.widgetName ]; |
|
||||||
}, |
|
||||||
_create: function() {}, |
|
||||||
_init: function() {}, |
|
||||||
|
|
||||||
destroy: function() { |
|
||||||
this.element |
|
||||||
.unbind( "." + this.widgetName ) |
|
||||||
.removeData( this.widgetName ); |
|
||||||
this.widget() |
|
||||||
.unbind( "." + this.widgetName ) |
|
||||||
.removeAttr( "aria-disabled" ) |
|
||||||
.removeClass( |
|
||||||
this.widgetBaseClass + "-disabled " + |
|
||||||
"ui-state-disabled" ); |
|
||||||
}, |
|
||||||
|
|
||||||
widget: function() { |
|
||||||
return this.element; |
|
||||||
}, |
|
||||||
|
|
||||||
option: function( key, value ) { |
|
||||||
var options = key; |
|
||||||
|
|
||||||
if ( arguments.length === 0 ) { |
|
||||||
// don't return a reference to the internal hash
|
|
||||||
return $.extend( {}, this.options ); |
|
||||||
} |
|
||||||
|
|
||||||
if (typeof key === "string" ) { |
|
||||||
if ( value === undefined ) { |
|
||||||
return this.options[ key ]; |
|
||||||
} |
|
||||||
options = {}; |
|
||||||
options[ key ] = value; |
|
||||||
} |
|
||||||
|
|
||||||
this._setOptions( options ); |
|
||||||
|
|
||||||
return this; |
|
||||||
}, |
|
||||||
_setOptions: function( options ) { |
|
||||||
var self = this; |
|
||||||
$.each( options, function( key, value ) { |
|
||||||
self._setOption( key, value ); |
|
||||||
}); |
|
||||||
|
|
||||||
return this; |
|
||||||
}, |
|
||||||
_setOption: function( key, value ) { |
|
||||||
this.options[ key ] = value; |
|
||||||
|
|
||||||
if ( key === "disabled" ) { |
|
||||||
this.widget() |
|
||||||
[ value ? "addClass" : "removeClass"]( |
|
||||||
this.widgetBaseClass + "-disabled" + " " + |
|
||||||
"ui-state-disabled" ) |
|
||||||
.attr( "aria-disabled", value ); |
|
||||||
} |
|
||||||
|
|
||||||
return this; |
|
||||||
}, |
|
||||||
|
|
||||||
enable: function() { |
|
||||||
return this._setOption( "disabled", false ); |
|
||||||
}, |
|
||||||
disable: function() { |
|
||||||
return this._setOption( "disabled", true ); |
|
||||||
}, |
|
||||||
|
|
||||||
_trigger: function( type, event, data ) { |
|
||||||
var prop, orig, |
|
||||||
callback = this.options[ type ]; |
|
||||||
|
|
||||||
data = data || {}; |
|
||||||
event = $.Event( event ); |
|
||||||
event.type = ( type === this.widgetEventPrefix ? |
|
||||||
type : |
|
||||||
this.widgetEventPrefix + type ).toLowerCase(); |
|
||||||
// the original event may come from any element
|
|
||||||
// so we need to reset the target on the new event
|
|
||||||
event.target = this.element[ 0 ]; |
|
||||||
|
|
||||||
// copy original event properties over to the new event
|
|
||||||
orig = event.originalEvent; |
|
||||||
if ( orig ) { |
|
||||||
for ( prop in orig ) { |
|
||||||
if ( !( prop in event ) ) { |
|
||||||
event[ prop ] = orig[ prop ]; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
this.element.trigger( event, data ); |
|
||||||
|
|
||||||
return !( $.isFunction(callback) && |
|
||||||
callback.call( this.element[0], event, data ) === false || |
|
||||||
event.isDefaultPrevented() ); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
})); |
|
||||||
File diff suppressed because one or more lines are too long
@ -1,29 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Plugin Localization Example 6.5.1 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2012, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*global window */ |
|
||||||
|
|
||||||
window.locale = { |
|
||||||
"fileupload": { |
|
||||||
"errors": { |
|
||||||
"maxFileSize": "File is too big", |
|
||||||
"minFileSize": "File is too small", |
|
||||||
"acceptFileTypes": "Filetype not allowed", |
|
||||||
"maxNumberOfFiles": "Max number of files exceeded", |
|
||||||
"uploadedBytes": "Uploaded bytes exceed file size", |
|
||||||
"emptyResult": "Empty file upload result" |
|
||||||
}, |
|
||||||
"error": "Error", |
|
||||||
"start": "Start", |
|
||||||
"cancel": "Cancel", |
|
||||||
"destroy": "Delete" |
|
||||||
} |
|
||||||
}; |
|
||||||
@ -1,77 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery File Upload Plugin JS Example 8.8.2 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2010, Sebastian Tschan |
|
||||||
* https://blueimp.net
|
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/ |
|
||||||
|
|
||||||
/*jslint nomen: true, regexp: true */ |
|
||||||
/*global $, window, blueimp */ |
|
||||||
|
|
||||||
$(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: 5000000, |
|
||||||
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'),
|
|
||||||
url: '/upload/view/', |
|
||||||
dataType: 'json', |
|
||||||
context: $('#fileupload')[0] |
|
||||||
}).always(function () { |
|
||||||
$(this).removeClass('fileupload-processing'); |
|
||||||
}).done(function (result) { |
|
||||||
$(this).fileupload('option', 'done') |
|
||||||
.call(this, null, {result: result}); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
}); |
|
||||||
@ -1 +0,0 @@ |
|||||||
!function(e){"use strict";var n=function(e,t){var r=/[^\w\-\.:]/.test(e)?new Function(n.arg+",tmpl","var _e=tmpl.encode"+n.helper+",_s='"+e.replace(n.regexp,n.func)+"';return _s;"):n.cache[e]=n.cache[e]||n(n.load(e));return t?r(t,n):function(e){return r(e,n)}};n.cache={},n.load=function(e){return document.getElementById(e).innerHTML},n.regexp=/([\s'\\])(?!(?:[^{]|\{(?!%))*%\})|(?:\{%(=|#)([\s\S]+?)%\})|(\{%)|(%\})/g,n.func=function(e,n,t,r,c,u){return n?{"\n":"\\n","\r":"\\r"," ":"\\t"," ":" "}[n]||"\\"+n:t?"="===t?"'+_e("+r+")+'":"'+"+r+"+'":c?"';":u?"_s+='":void 0},n.encReg=/[<>&"'\x00]/g,n.encMap={"<":"<",">":">","&":"&",'"':""","'":"'"},n.encode=function(e){return String(e).replace(n.encReg,function(e){return n.encMap[e]||""})},n.arg="o",n.helper=",print=function(s,e){_s+=e&&(s||'')||_e(s);},include=function(s,d){_s+=tmpl(s,d);}","function"==typeof define&&define.amd?define(function(){return n}):e.tmpl=n}(this); |
|
||||||
@ -1,530 +0,0 @@ |
|||||||
/* |
|
||||||
* jQuery UI Widget 1.10.3+amd |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
* |
|
||||||
* Copyright 2013 jQuery Foundation and other contributors |
|
||||||
* Released under the MIT license. |
|
||||||
* http://jquery.org/license
|
|
||||||
* |
|
||||||
* http://api.jqueryui.com/jQuery.widget/
|
|
||||||
*/ |
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
if (typeof define === "function" && define.amd) { |
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(["jquery"], factory); |
|
||||||
} else { |
|
||||||
// Browser globals:
|
|
||||||
factory(jQuery); |
|
||||||
} |
|
||||||
}(function( $, undefined ) { |
|
||||||
|
|
||||||
var uuid = 0, |
|
||||||
slice = Array.prototype.slice, |
|
||||||
_cleanData = $.cleanData; |
|
||||||
$.cleanData = function( elems ) { |
|
||||||
for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) { |
|
||||||
try { |
|
||||||
$( elem ).triggerHandler( "remove" ); |
|
||||||
// http://bugs.jquery.com/ticket/8235
|
|
||||||
} catch( e ) {} |
|
||||||
} |
|
||||||
_cleanData( elems ); |
|
||||||
}; |
|
||||||
|
|
||||||
$.widget = function( name, base, prototype ) { |
|
||||||
var fullName, existingConstructor, constructor, basePrototype, |
|
||||||
// proxiedPrototype allows the provided prototype to remain unmodified
|
|
||||||
// so that it can be used as a mixin for multiple widgets (#8876)
|
|
||||||
proxiedPrototype = {}, |
|
||||||
namespace = name.split( "." )[ 0 ]; |
|
||||||
|
|
||||||
name = name.split( "." )[ 1 ]; |
|
||||||
fullName = namespace + "-" + name; |
|
||||||
|
|
||||||
if ( !prototype ) { |
|
||||||
prototype = base; |
|
||||||
base = $.Widget; |
|
||||||
} |
|
||||||
|
|
||||||
// create selector for plugin
|
|
||||||
$.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) { |
|
||||||
return !!$.data( elem, fullName ); |
|
||||||
}; |
|
||||||
|
|
||||||
$[ namespace ] = $[ namespace ] || {}; |
|
||||||
existingConstructor = $[ namespace ][ name ]; |
|
||||||
constructor = $[ namespace ][ name ] = function( options, element ) { |
|
||||||
// allow instantiation without "new" keyword
|
|
||||||
if ( !this._createWidget ) { |
|
||||||
return new constructor( options, element ); |
|
||||||
} |
|
||||||
|
|
||||||
// allow instantiation without initializing for simple inheritance
|
|
||||||
// must use "new" keyword (the code above always passes args)
|
|
||||||
if ( arguments.length ) { |
|
||||||
this._createWidget( options, element ); |
|
||||||
} |
|
||||||
}; |
|
||||||
// extend with the existing constructor to carry over any static properties
|
|
||||||
$.extend( constructor, existingConstructor, { |
|
||||||
version: prototype.version, |
|
||||||
// copy the object used to create the prototype in case we need to
|
|
||||||
// redefine the widget later
|
|
||||||
_proto: $.extend( {}, prototype ), |
|
||||||
// track widgets that inherit from this widget in case this widget is
|
|
||||||
// redefined after a widget inherits from it
|
|
||||||
_childConstructors: [] |
|
||||||
}); |
|
||||||
|
|
||||||
basePrototype = new base(); |
|
||||||
// we need to make the options hash a property directly on the new instance
|
|
||||||
// otherwise we'll modify the options hash on the prototype that we're
|
|
||||||
// inheriting from
|
|
||||||
basePrototype.options = $.widget.extend( {}, basePrototype.options ); |
|
||||||
$.each( prototype, function( prop, value ) { |
|
||||||
if ( !$.isFunction( value ) ) { |
|
||||||
proxiedPrototype[ prop ] = value; |
|
||||||
return; |
|
||||||
} |
|
||||||
proxiedPrototype[ prop ] = (function() { |
|
||||||
var _super = function() { |
|
||||||
return base.prototype[ prop ].apply( this, arguments ); |
|
||||||
}, |
|
||||||
_superApply = function( args ) { |
|
||||||
return base.prototype[ prop ].apply( this, args ); |
|
||||||
}; |
|
||||||
return function() { |
|
||||||
var __super = this._super, |
|
||||||
__superApply = this._superApply, |
|
||||||
returnValue; |
|
||||||
|
|
||||||
this._super = _super; |
|
||||||
this._superApply = _superApply; |
|
||||||
|
|
||||||
returnValue = value.apply( this, arguments ); |
|
||||||
|
|
||||||
this._super = __super; |
|
||||||
this._superApply = __superApply; |
|
||||||
|
|
||||||
return returnValue; |
|
||||||
}; |
|
||||||
})(); |
|
||||||
}); |
|
||||||
constructor.prototype = $.widget.extend( basePrototype, { |
|
||||||
// TODO: remove support for widgetEventPrefix
|
|
||||||
// always use the name + a colon as the prefix, e.g., draggable:start
|
|
||||||
// don't prefix for widgets that aren't DOM-based
|
|
||||||
widgetEventPrefix: existingConstructor ? basePrototype.widgetEventPrefix : name |
|
||||||
}, 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 ); |
|
||||||
}; |
|
||||||
|
|
||||||
$.widget.extend = function( target ) { |
|
||||||
var input = slice.call( arguments, 1 ), |
|
||||||
inputIndex = 0, |
|
||||||
inputLength = input.length, |
|
||||||
key, |
|
||||||
value; |
|
||||||
for ( ; inputIndex < inputLength; inputIndex++ ) { |
|
||||||
for ( key in input[ inputIndex ] ) { |
|
||||||
value = input[ inputIndex ][ key ]; |
|
||||||
if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) { |
|
||||||
// Clone objects
|
|
||||||
if ( $.isPlainObject( value ) ) { |
|
||||||
target[ key ] = $.isPlainObject( target[ key ] ) ? |
|
||||||
$.widget.extend( {}, target[ key ], value ) : |
|
||||||
// Don't extend strings, arrays, etc. with objects
|
|
||||||
$.widget.extend( {}, value ); |
|
||||||
// Copy everything else by reference
|
|
||||||
} else { |
|
||||||
target[ key ] = value; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
return target; |
|
||||||
}; |
|
||||||
|
|
||||||
$.widget.bridge = function( name, object ) { |
|
||||||
var fullName = object.prototype.widgetFullName || name; |
|
||||||
$.fn[ name ] = function( options ) { |
|
||||||
var isMethodCall = typeof options === "string", |
|
||||||
args = slice.call( arguments, 1 ), |
|
||||||
returnValue = this; |
|
||||||
|
|
||||||
// allow multiple hashes to be passed on init
|
|
||||||
options = !isMethodCall && args.length ? |
|
||||||
$.widget.extend.apply( null, [ options ].concat(args) ) : |
|
||||||
options; |
|
||||||
|
|
||||||
if ( isMethodCall ) { |
|
||||||
this.each(function() { |
|
||||||
var methodValue, |
|
||||||
instance = $.data( this, fullName ); |
|
||||||
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 { |
|
||||||
this.each(function() { |
|
||||||
var instance = $.data( this, fullName ); |
|
||||||
if ( instance ) { |
|
||||||
instance.option( options || {} )._init(); |
|
||||||
} else { |
|
||||||
$.data( this, fullName, new object( options, this ) ); |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
return returnValue; |
|
||||||
}; |
|
||||||
}; |
|
||||||
|
|
||||||
$.Widget = function( /* options, element */ ) {}; |
|
||||||
$.Widget._childConstructors = []; |
|
||||||
|
|
||||||
$.Widget.prototype = { |
|
||||||
widgetName: "widget", |
|
||||||
widgetEventPrefix: "", |
|
||||||
defaultElement: "<div>", |
|
||||||
options: { |
|
||||||
disabled: false, |
|
||||||
|
|
||||||
// callbacks
|
|
||||||
create: null |
|
||||||
}, |
|
||||||
_createWidget: function( options, element ) { |
|
||||||
element = $( element || this.defaultElement || this )[ 0 ]; |
|
||||||
this.element = $( element ); |
|
||||||
this.uuid = uuid++; |
|
||||||
this.eventNamespace = "." + this.widgetName + this.uuid; |
|
||||||
this.options = $.widget.extend( {}, |
|
||||||
this.options, |
|
||||||
this._getCreateOptions(), |
|
||||||
options ); |
|
||||||
|
|
||||||
this.bindings = $(); |
|
||||||
this.hoverable = $(); |
|
||||||
this.focusable = $(); |
|
||||||
|
|
||||||
if ( element !== this ) { |
|
||||||
$.data( element, this.widgetFullName, this ); |
|
||||||
this._on( true, this.element, { |
|
||||||
remove: function( event ) { |
|
||||||
if ( event.target === element ) { |
|
||||||
this.destroy(); |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
this.document = $( element.style ? |
|
||||||
// element within the document
|
|
||||||
element.ownerDocument : |
|
||||||
// element is window or document
|
|
||||||
element.document || element ); |
|
||||||
this.window = $( this.document[0].defaultView || this.document[0].parentWindow ); |
|
||||||
} |
|
||||||
|
|
||||||
this._create(); |
|
||||||
this._trigger( "create", null, this._getCreateEventData() ); |
|
||||||
this._init(); |
|
||||||
}, |
|
||||||
_getCreateOptions: $.noop, |
|
||||||
_getCreateEventData: $.noop, |
|
||||||
_create: $.noop, |
|
||||||
_init: $.noop, |
|
||||||
|
|
||||||
destroy: function() { |
|
||||||
this._destroy(); |
|
||||||
// we can probably remove the unbind calls in 2.0
|
|
||||||
// all event bindings should go through this._on()
|
|
||||||
this.element |
|
||||||
.unbind( this.eventNamespace ) |
|
||||||
// 1.9 BC for #7810
|
|
||||||
// TODO remove dual storage
|
|
||||||
.removeData( this.widgetName ) |
|
||||||
.removeData( this.widgetFullName ) |
|
||||||
// support: jquery <1.6.3
|
|
||||||
// http://bugs.jquery.com/ticket/9413
|
|
||||||
.removeData( $.camelCase( this.widgetFullName ) ); |
|
||||||
this.widget() |
|
||||||
.unbind( this.eventNamespace ) |
|
||||||
.removeAttr( "aria-disabled" ) |
|
||||||
.removeClass( |
|
||||||
this.widgetFullName + "-disabled " + |
|
||||||
"ui-state-disabled" ); |
|
||||||
|
|
||||||
// clean up events and states
|
|
||||||
this.bindings.unbind( this.eventNamespace ); |
|
||||||
this.hoverable.removeClass( "ui-state-hover" ); |
|
||||||
this.focusable.removeClass( "ui-state-focus" ); |
|
||||||
}, |
|
||||||
_destroy: $.noop, |
|
||||||
|
|
||||||
widget: function() { |
|
||||||
return this.element; |
|
||||||
}, |
|
||||||
|
|
||||||
option: function( key, value ) { |
|
||||||
var options = key, |
|
||||||
parts, |
|
||||||
curOption, |
|
||||||
i; |
|
||||||
|
|
||||||
if ( arguments.length === 0 ) { |
|
||||||
// don't return a reference to the internal hash
|
|
||||||
return $.widget.extend( {}, this.options ); |
|
||||||
} |
|
||||||
|
|
||||||
if ( typeof key === "string" ) { |
|
||||||
// handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
|
|
||||||
options = {}; |
|
||||||
parts = key.split( "." ); |
|
||||||
key = parts.shift(); |
|
||||||
if ( parts.length ) { |
|
||||||
curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] ); |
|
||||||
for ( i = 0; i < parts.length - 1; i++ ) { |
|
||||||
curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {}; |
|
||||||
curOption = curOption[ parts[ i ] ]; |
|
||||||
} |
|
||||||
key = parts.pop(); |
|
||||||
if ( value === undefined ) { |
|
||||||
return curOption[ key ] === undefined ? null : curOption[ key ]; |
|
||||||
} |
|
||||||
curOption[ key ] = value; |
|
||||||
} else { |
|
||||||
if ( value === undefined ) { |
|
||||||
return this.options[ key ] === undefined ? null : this.options[ key ]; |
|
||||||
} |
|
||||||
options[ key ] = value; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
this._setOptions( options ); |
|
||||||
|
|
||||||
return this; |
|
||||||
}, |
|
||||||
_setOptions: function( options ) { |
|
||||||
var key; |
|
||||||
|
|
||||||
for ( key in options ) { |
|
||||||
this._setOption( key, options[ key ] ); |
|
||||||
} |
|
||||||
|
|
||||||
return this; |
|
||||||
}, |
|
||||||
_setOption: function( key, value ) { |
|
||||||
this.options[ key ] = value; |
|
||||||
|
|
||||||
if ( key === "disabled" ) { |
|
||||||
this.widget() |
|
||||||
.toggleClass( this.widgetFullName + "-disabled ui-state-disabled", !!value ) |
|
||||||
.attr( "aria-disabled", value ); |
|
||||||
this.hoverable.removeClass( "ui-state-hover" ); |
|
||||||
this.focusable.removeClass( "ui-state-focus" ); |
|
||||||
} |
|
||||||
|
|
||||||
return this; |
|
||||||
}, |
|
||||||
|
|
||||||
enable: function() { |
|
||||||
return this._setOption( "disabled", false ); |
|
||||||
}, |
|
||||||
disable: function() { |
|
||||||
return this._setOption( "disabled", true ); |
|
||||||
}, |
|
||||||
|
|
||||||
_on: function( suppressDisabledCheck, element, handlers ) { |
|
||||||
var delegateElement, |
|
||||||
instance = this; |
|
||||||
|
|
||||||
// no suppressDisabledCheck flag, shuffle arguments
|
|
||||||
if ( typeof suppressDisabledCheck !== "boolean" ) { |
|
||||||
handlers = element; |
|
||||||
element = suppressDisabledCheck; |
|
||||||
suppressDisabledCheck = false; |
|
||||||
} |
|
||||||
|
|
||||||
// no element argument, shuffle and use this.element
|
|
||||||
if ( !handlers ) { |
|
||||||
handlers = element; |
|
||||||
element = this.element; |
|
||||||
delegateElement = this.widget(); |
|
||||||
} else { |
|
||||||
// accept selectors, DOM elements
|
|
||||||
element = delegateElement = $( element ); |
|
||||||
this.bindings = this.bindings.add( element ); |
|
||||||
} |
|
||||||
|
|
||||||
$.each( handlers, function( event, handler ) { |
|
||||||
function handlerProxy() { |
|
||||||
// allow widgets to customize the disabled handling
|
|
||||||
// - disabled as an array instead of boolean
|
|
||||||
// - disabled class as method for disabling individual parts
|
|
||||||
if ( !suppressDisabledCheck && |
|
||||||
( instance.options.disabled === true || |
|
||||||
$( this ).hasClass( "ui-state-disabled" ) ) ) { |
|
||||||
return; |
|
||||||
} |
|
||||||
return ( typeof handler === "string" ? instance[ handler ] : handler ) |
|
||||||
.apply( instance, arguments ); |
|
||||||
} |
|
||||||
|
|
||||||
// copy the guid so direct unbinding works
|
|
||||||
if ( typeof handler !== "string" ) { |
|
||||||
handlerProxy.guid = handler.guid = |
|
||||||
handler.guid || handlerProxy.guid || $.guid++; |
|
||||||
} |
|
||||||
|
|
||||||
var match = event.match( /^(\w+)\s*(.*)$/ ), |
|
||||||
eventName = match[1] + instance.eventNamespace, |
|
||||||
selector = match[2]; |
|
||||||
if ( selector ) { |
|
||||||
delegateElement.delegate( selector, eventName, handlerProxy ); |
|
||||||
} else { |
|
||||||
element.bind( eventName, handlerProxy ); |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_off: function( element, eventName ) { |
|
||||||
eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + this.eventNamespace; |
|
||||||
element.unbind( eventName ).undelegate( eventName ); |
|
||||||
}, |
|
||||||
|
|
||||||
_delay: function( handler, delay ) { |
|
||||||
function handlerProxy() { |
|
||||||
return ( typeof handler === "string" ? instance[ handler ] : handler ) |
|
||||||
.apply( instance, arguments ); |
|
||||||
} |
|
||||||
var instance = this; |
|
||||||
return setTimeout( handlerProxy, delay || 0 ); |
|
||||||
}, |
|
||||||
|
|
||||||
_hoverable: function( element ) { |
|
||||||
this.hoverable = this.hoverable.add( element ); |
|
||||||
this._on( element, { |
|
||||||
mouseenter: function( event ) { |
|
||||||
$( event.currentTarget ).addClass( "ui-state-hover" ); |
|
||||||
}, |
|
||||||
mouseleave: function( event ) { |
|
||||||
$( event.currentTarget ).removeClass( "ui-state-hover" ); |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_focusable: function( element ) { |
|
||||||
this.focusable = this.focusable.add( element ); |
|
||||||
this._on( element, { |
|
||||||
focusin: function( event ) { |
|
||||||
$( event.currentTarget ).addClass( "ui-state-focus" ); |
|
||||||
}, |
|
||||||
focusout: function( event ) { |
|
||||||
$( event.currentTarget ).removeClass( "ui-state-focus" ); |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_trigger: function( type, event, data ) { |
|
||||||
var prop, orig, |
|
||||||
callback = this.options[ type ]; |
|
||||||
|
|
||||||
data = data || {}; |
|
||||||
event = $.Event( event ); |
|
||||||
event.type = ( type === this.widgetEventPrefix ? |
|
||||||
type : |
|
||||||
this.widgetEventPrefix + type ).toLowerCase(); |
|
||||||
// the original event may come from any element
|
|
||||||
// so we need to reset the target on the new event
|
|
||||||
event.target = this.element[ 0 ]; |
|
||||||
|
|
||||||
// copy original event properties over to the new event
|
|
||||||
orig = event.originalEvent; |
|
||||||
if ( orig ) { |
|
||||||
for ( prop in orig ) { |
|
||||||
if ( !( prop in event ) ) { |
|
||||||
event[ prop ] = orig[ prop ]; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
this.element.trigger( event, data ); |
|
||||||
return !( $.isFunction( callback ) && |
|
||||||
callback.apply( this.element[0], [ event ].concat( data ) ) === false || |
|
||||||
event.isDefaultPrevented() ); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) { |
|
||||||
$.Widget.prototype[ "_" + method ] = function( element, options, callback ) { |
|
||||||
if ( typeof options === "string" ) { |
|
||||||
options = { effect: options }; |
|
||||||
} |
|
||||||
var hasOptions, |
|
||||||
effectName = !options ? |
|
||||||
method : |
|
||||||
options === true || typeof options === "number" ? |
|
||||||
defaultEffect : |
|
||||||
options.effect || defaultEffect; |
|
||||||
options = options || {}; |
|
||||||
if ( typeof options === "number" ) { |
|
||||||
options = { duration: options }; |
|
||||||
} |
|
||||||
hasOptions = !$.isEmptyObject( options ); |
|
||||||
options.complete = callback; |
|
||||||
if ( options.delay ) { |
|
||||||
element.delay( options.delay ); |
|
||||||
} |
|
||||||
if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) { |
|
||||||
element[ method ]( options ); |
|
||||||
} else if ( effectName !== method && element[ effectName ] ) { |
|
||||||
element[ effectName ]( options.duration, options.easing, callback ); |
|
||||||
} else { |
|
||||||
element.queue(function( next ) { |
|
||||||
$( this )[ method ](); |
|
||||||
if ( callback ) { |
|
||||||
callback.call( element[ 0 ] ); |
|
||||||
} |
|
||||||
next(); |
|
||||||
}); |
|
||||||
} |
|
||||||
}; |
|
||||||
}); |
|
||||||
|
|
||||||
})); |
|
||||||
@ -1,207 +0,0 @@ |
|||||||
<!DOCTYPE HTML> |
|
||||||
<!-- |
|
||||||
/* |
|
||||||
* jQuery File Upload Plugin AngularJS Demo 1.6.2 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload |
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net |
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT |
|
||||||
*/ |
|
||||||
--> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
|
||||||
<!--[if IE]> |
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
||||||
<![endif]--> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title>jQuery File Upload Demo - AngularJS version</title> |
|
||||||
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for AngularJS. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads."> |
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||||
<!-- Bootstrap styles --> |
|
||||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> |
|
||||||
<!-- Generic page styles --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/style.css"> |
|
||||||
<!-- blueimp Gallery styles --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/blueimp-gallery.min.css"> |
|
||||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.fileupload-ui.css"> |
|
||||||
<!-- CSS adjustments for browsers with JavaScript disabled --> |
|
||||||
<noscript><link rel="stylesheet" href="{{ STATIC_URL }}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/sigurdga/django-jquery-file-upload">Django jQuery File Upload</a> |
|
||||||
</div> |
|
||||||
<div class="navbar-collapse collapse"> |
|
||||||
<ul class="nav navbar-nav"> |
|
||||||
<li class="active"><a href="#">Demo</a></li> |
|
||||||
<li><a href="https://github.com/sigurdga/django-jquery-file-upload">Source Code</a></li> |
|
||||||
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="container"> |
|
||||||
<h1>Django jQuery File Upload Demo</h1> |
|
||||||
<h2 class="lead">AngularJS version</h2> |
|
||||||
<ul class="nav nav-tabs"> |
|
||||||
<li><a href="/upload/basic">Basic</a></li> |
|
||||||
<li><a href="/upload/basic/plus">Basic Plus</a></li> |
|
||||||
<li><a href="/upload/new">Basic Plus UI</a></li> |
|
||||||
<li class="active"><a href="/upload/angular">AngularJS</a></li> |
|
||||||
<li><a href="/upload/jquery-ui">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.</p> |
|
||||||
</blockquote> |
|
||||||
<br> |
|
||||||
<!-- The file upload form used as target for the file upload widget --> |
|
||||||
<form id="fileupload" action="." 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}"> {% csrf_token %} |
|
||||||
<!-- Redirect browsers with JavaScript disabled to the origin page --> |
|
||||||
<noscript><input type="hidden" name="redirect" value="http://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="file" 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 loading indicator is shown during file processing --> |
|
||||||
<div class="fileupload-loading"></div> |
|
||||||
</div> |
|
||||||
<!-- The global progress information --> |
|
||||||
<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 information --> |
|
||||||
<div class="progress-extended"> </div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
{% verbatim %} |
|
||||||
<!-- The table listing the files available for upload/download --> |
|
||||||
<table class="table table-striped files ng-cloak"> |
|
||||||
<tr data-ng-repeat="file in queue"> |
|
||||||
<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> |
|
||||||
<div data-ng-show="file.error"><span class="label label-important">Error</span> {{file.error}}</div> |
|
||||||
</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"> |
|
||||||
<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> |
|
||||||
{% endverbatim %} |
|
||||||
</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>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 Twitter's <a href="http://twitter.github.com/bootstrap/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<!-- The blueimp Gallery widget --> |
|
||||||
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even"> |
|
||||||
<div class="slides"></div> |
|
||||||
<h3 class="title"></h3> |
|
||||||
<a class="prev">‹</a> |
|
||||||
<a class="next">›</a> |
|
||||||
<a class="close">×</a> |
|
||||||
<a class="play-pause"></a> |
|
||||||
<ol class="indicator"></ol> |
|
||||||
</div> |
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script> |
|
||||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
|
||||||
<script src="{{ STATIC_URL }}js/vendor/jquery.ui.widget.js"></script> |
|
||||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
|
||||||
<script src="{{ STATIC_URL }}js/load-image.min.js"></script> |
|
||||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
|
||||||
<script src="{{ STATIC_URL }}js/canvas-to-blob.min.js"></script> |
|
||||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
|
||||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> |
|
||||||
<!-- blueimp Gallery script --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.blueimp-gallery.min.js"></script> |
|
||||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.iframe-transport.js"></script> |
|
||||||
<!-- The basic File Upload plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload.js"></script> |
|
||||||
<!-- The File Upload processing plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-process.js"></script> |
|
||||||
<!-- The File Upload image preview & resize plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-image.js"></script> |
|
||||||
<!-- The File Upload audio preview plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-audio.js"></script> |
|
||||||
<!-- The File Upload video preview plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-video.js"></script> |
|
||||||
<!-- The File Upload validation plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-validate.js"></script> |
|
||||||
<!-- The File Upload Angular JS module --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-angular.js"></script> |
|
||||||
<!-- The main application script --> |
|
||||||
<script src="{{ STATIC_URL }}js/app.js"></script> |
|
||||||
<script src="{{ STATIC_URL }}js/csrf.js"></script> |
|
||||||
</body> |
|
||||||
</html> |
|
||||||
@ -1,130 +0,0 @@ |
|||||||
<!DOCTYPE HTML> |
|
||||||
<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>Django jQuery File Upload Demo - Basic version</title> |
|
||||||
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads."> |
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||||
<!-- Bootstrap styles --> |
|
||||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> |
|
||||||
<!-- Generic page styles --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/style.css"> |
|
||||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.fileupload-ui.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/sigurdga/django-jquery-file-upload">Django jQuery File Upload</a> |
|
||||||
</div> |
|
||||||
<div class="navbar-collapse collapse"> |
|
||||||
<ul class="nav navbar-nav"> |
|
||||||
<li class="active"><a href="#">Demo</a></li> |
|
||||||
<li><a href="https://github.com/sigurdga/django-jquery-file-upload">Source Code</a></li> |
|
||||||
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="container"> |
|
||||||
<h1>Django jQuery File Upload Demo</h1> |
|
||||||
<h2 class="lead">Basic version</h2> |
|
||||||
<ul class="nav nav-tabs"> |
|
||||||
<li class="active"><a href="/upload/basic">Basic</a></li> |
|
||||||
<li><a href="/upload/basic/plus">Basic Plus</a></li> |
|
||||||
<li><a href="/upload/new">Basic Plus UI</a></li> |
|
||||||
<li><a href="/upload/angular">AngularJS</a></li> |
|
||||||
<li><a href="/upload/jquery-ui">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.</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="file" 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>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 Twitter's <a href="http://twitter.github.com/bootstrap/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
|
||||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
|
||||||
<script src="{{ STATIC_URL }}js/vendor/jquery.ui.widget.js"></script> |
|
||||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.iframe-transport.js"></script> |
|
||||||
<!-- The basic File Upload plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload.js"></script> |
|
||||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
|
||||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.cookie.js"></script> |
|
||||||
<script> |
|
||||||
/*jslint unparam: true */ |
|
||||||
/*global window, $ */ |
|
||||||
function csrfSafeMethod(method) { |
|
||||||
// these HTTP methods do not require CSRF protection |
|
||||||
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); |
|
||||||
} |
|
||||||
$(function () { |
|
||||||
'use strict'; |
|
||||||
// Change this to the location of your server-side upload handler: |
|
||||||
var url = '/upload/basic/'; |
|
||||||
var csrftoken = $.cookie('csrftoken'); |
|
||||||
$('#fileupload').fileupload({ |
|
||||||
url: url, |
|
||||||
crossDomain: false, |
|
||||||
beforeSend: function(xhr, settings) { |
|
||||||
if (!csrfSafeMethod(settings.type)) { |
|
||||||
xhr.setRequestHeader("X-CSRFToken", csrftoken); |
|
||||||
} |
|
||||||
}, |
|
||||||
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,221 +0,0 @@ |
|||||||
<!DOCTYPE HTML> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
|
||||||
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]--> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title>jQuery File Upload Demo - Basic Plus version</title> |
|
||||||
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads."> |
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||||
<!-- Bootstrap styles --> |
|
||||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> |
|
||||||
<!-- Generic page styles --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/style.css"> |
|
||||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.fileupload-ui.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/sigurdga/django-jquery-file-upload">Django jQuery File Upload</a> |
|
||||||
</div> |
|
||||||
<div class="navbar-collapse collapse"> |
|
||||||
<ul class="nav navbar-nav"> |
|
||||||
<li class="active"><a href="https://github.com/blueimp/jQuery-File-Upload/tags">Demo</a></li> |
|
||||||
<li><a href="https://github.com/sigurdga/django-jquery-file-upload">Source Code</a></li> |
|
||||||
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="container"> |
|
||||||
<h1>Django jQuery File Upload Demo</h1> |
|
||||||
<h2 class="lead">Basic Plus version</h2> |
|
||||||
<ul class="nav nav-tabs"> |
|
||||||
<li><a href="/upload/basic">Basic</a></li> |
|
||||||
<li class="active"><a href="/upload/basic/plus">Basic Plus</a></li> |
|
||||||
<li><a href="/upload/new">Basic Plus UI</a></li> |
|
||||||
<li><a href="/upload/angular">AngularJS</a></li> |
|
||||||
<li><a href="/upload/jquery-ui">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.</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="file" 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>5 MB</strong> (default file size is unlimited).</li> |
|
||||||
<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li> |
|
||||||
<li>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 Twitter's <a href="http://twitter.github.com/bootstrap/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
|
||||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
|
||||||
<script src="{{ STATIC_URL }}js/vendor/jquery.ui.widget.js"></script> |
|
||||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
|
||||||
<script src="{{ STATIC_URL }}js/load-image.min.js"></script> |
|
||||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
|
||||||
<script src="{{ STATIC_URL }}js/canvas-to-blob.min.js"></script> |
|
||||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
|
||||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> |
|
||||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.iframe-transport.js"></script> |
|
||||||
<!-- The basic File Upload plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload.js"></script> |
|
||||||
<!-- The File Upload processing plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-process.js"></script> |
|
||||||
<!-- The File Upload image preview & resize plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-image.js"></script> |
|
||||||
<!-- The File Upload audio preview plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-audio.js"></script> |
|
||||||
<!-- The File Upload video preview plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-video.js"></script> |
|
||||||
<!-- The File Upload validation plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-validate.js"></script> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.cookie.js"></script> |
|
||||||
<script> |
|
||||||
/*jslint unparam: true, regexp: true */ |
|
||||||
/*global window, $ */ |
|
||||||
function csrfSafeMethod(method) { |
|
||||||
// these HTTP methods do not require CSRF protection |
|
||||||
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); |
|
||||||
} |
|
||||||
$(function () { |
|
||||||
'use strict'; |
|
||||||
var csrftoken = $.cookie('csrftoken'); |
|
||||||
// Change this to the location of your server-side upload handler: |
|
||||||
var url = '/upload/basic/plus/', |
|
||||||
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, |
|
||||||
crossDomain: false, |
|
||||||
beforeSend: function(xhr, settings) { |
|
||||||
if (!csrfSafeMethod(settings.type)) { |
|
||||||
xhr.setRequestHeader("X-CSRFToken", csrftoken); |
|
||||||
} |
|
||||||
}, |
|
||||||
dataType: 'json', |
|
||||||
autoUpload: false, |
|
||||||
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, |
|
||||||
maxFileSize: 5000000, // 5 MB |
|
||||||
// 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(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) { |
|
||||||
var link = $('<a>') |
|
||||||
.attr('target', '_blank') |
|
||||||
.prop('href', file.url); |
|
||||||
$(data.context.children()[index]) |
|
||||||
.wrap(link); |
|
||||||
}); |
|
||||||
}).on('fileuploadfail', function (e, data) { |
|
||||||
$.each(data.result.files, function (index, file) { |
|
||||||
var error = $('<span/>').text(file.error); |
|
||||||
$(data.context.children()[index]) |
|
||||||
.append('<br>') |
|
||||||
.append(error); |
|
||||||
}); |
|
||||||
}).prop('disabled', !$.support.fileInput) |
|
||||||
.parent().addClass($.support.fileInput ? undefined : 'disabled'); |
|
||||||
}); |
|
||||||
</script> |
|
||||||
</body> |
|
||||||
</html> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,102 +0,0 @@ |
|||||||
{% extends "client/fileupload/upload_base.html" %} |
|
||||||
{% load upload_tags %} |
|
||||||
{% load staticfiles %} |
|
||||||
|
|
||||||
{% block content %} |
|
||||||
<div class="container"> |
|
||||||
|
|
||||||
<!-- The file upload form used as target for the file upload widget --> |
|
||||||
<form id="fileupload" method="post" action="." enctype="multipart/form-data">{% csrf_token %} |
|
||||||
<!-- Redirect browsers with JavaScript disabled to the origin page --> |
|
||||||
<!--<noscript><input type="hidden" name="redirect" value="http://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="file" 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 loading indicator is shown during file processing --> |
|
||||||
<span class="fileupload-loading"></span> |
|
||||||
</div> |
|
||||||
<!-- The global progress information --> |
|
||||||
<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 information --> |
|
||||||
<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> |
|
||||||
<!-- 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> |
|
||||||
{% upload_js %} |
|
||||||
|
|
||||||
<script src="{% static 'jquery/jquery.min.js' %}"></script> |
|
||||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
|
||||||
<script src="{% static 'file_upload/js/vendor/jquery.ui.widget.js'%}"></script> |
|
||||||
<!-- The Templates plugin is included to render the upload/download listings --> |
|
||||||
<script src="{% static 'file_upload/js/tmpl.min.js'%}"></script> |
|
||||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
|
||||||
<script src="{% static 'file_upload/js/load-image.min.js'%}"></script> |
|
||||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
|
||||||
<script src="{% static 'file_upload/js/canvas-to-blob.min.js'%}"></script> |
|
||||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation --> |
|
||||||
<script src="{% static 'file_upload/js/bootstrap.min.js'%}"></script> |
|
||||||
<!-- blueimp Gallery script --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.blueimp-gallery.min.js'%}"></script> |
|
||||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.iframe-transport.js'%}"></script> |
|
||||||
<!-- The basic File Upload plugin --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.fileupload.js'%}"></script> |
|
||||||
<!-- The File Upload processing plugin --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.fileupload-process.js'%}"></script> |
|
||||||
<!-- The File Upload image preview & resize plugin --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.fileupload-image.js'%}"></script> |
|
||||||
<!-- The File Upload audio preview plugin --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.fileupload-audio.js'%}"></script> |
|
||||||
<!-- The File Upload video preview plugin --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.fileupload-video.js'%}"></script> |
|
||||||
<!-- The File Upload validation plugin --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.fileupload-validate.js'%}"></script> |
|
||||||
<!-- The File Upload user interface plugin --> |
|
||||||
<script src="{% static 'file_upload/js/jquery.fileupload-ui.js'%}"></script> |
|
||||||
<!-- The main application script --> |
|
||||||
<script src="{% static 'file_upload/js/main.js'%}"></script> |
|
||||||
<script src="{% static 'file_upload/js/locale.js'%}"></script> |
|
||||||
<script src="{% static 'file_upload/js/csrf.js'%}"></script> |
|
||||||
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ --> |
|
||||||
<!--[if gte IE 8]> |
|
||||||
<script src="{% static 'file_upload/js/cors/jquery.xdr-transport.js'%}"></script> |
|
||||||
<![endif]--> |
|
||||||
{% endblock %} |
|
||||||
@ -1,255 +0,0 @@ |
|||||||
<!DOCTYPE HTML> |
|
||||||
<!-- |
|
||||||
/* |
|
||||||
* jQuery File Upload Plugin jQuery UI Demo 8.7.0 |
|
||||||
* https://github.com/blueimp/jQuery-File-Upload |
|
||||||
* |
|
||||||
* Copyright 2013, Sebastian Tschan |
|
||||||
* https://blueimp.net |
|
||||||
* |
|
||||||
* Licensed under the MIT license: |
|
||||||
* http://www.opensource.org/licenses/MIT |
|
||||||
*/ |
|
||||||
--> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<!-- Force latest IE rendering engine or ChromeFrame if installed --> |
|
||||||
<!--[if IE]> |
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
||||||
<![endif]--> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title>Django 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="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/dark-hive/jquery-ui.css" id="theme"> |
|
||||||
<!-- Demo styles --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/demo.css"> |
|
||||||
<!--[if lte IE 8]> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/demo-ie8.css"> |
|
||||||
<![endif]--> |
|
||||||
<style> |
|
||||||
/* Adjust the jQuery UI widget font-size: */ |
|
||||||
.ui-widget { |
|
||||||
font-size: 0.95em; |
|
||||||
} |
|
||||||
.preview img { |
|
||||||
max-height:50px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
<!-- blueimp Gallery styles --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/blueimp-gallery.min.css"> |
|
||||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
|
||||||
<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.fileupload-ui.css"> |
|
||||||
<!-- CSS adjustments for browsers with JavaScript disabled --> |
|
||||||
<noscript><link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.fileupload-ui-noscript.css"></noscript> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
<ul class="navigation"> |
|
||||||
<li><a href="#">Demo</a></li> |
|
||||||
<li><a href="https://github.com/sigurdga/django-jquery-file-upload">Source Code</a></li> |
|
||||||
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li> |
|
||||||
</ul> |
|
||||||
<h1>Django 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="/upload/basic">Basic</a></li> |
|
||||||
<li><a href="/upload/basic/plus">Basic Plus</a></li> |
|
||||||
<li><a href="/upload/new">Basic Plus UI</a></li> |
|
||||||
<li><a href="/upload/angular">AngularJS</a></li> |
|
||||||
<li class="active"><a href="/upload/jquery-ui">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.</p> |
|
||||||
</blockquote> |
|
||||||
<!-- The file upload form used as target for the file upload widget --> |
|
||||||
<form id="fileupload" action="." method="POST" enctype="multipart/form-data">{% csrf_token %} |
|
||||||
<!-- Redirect browsers with JavaScript disabled to the origin page --> |
|
||||||
<noscript><input type="hidden" name="redirect" value="http://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="file" 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 loading indicator is shown during file processing --> |
|
||||||
<span class="fileupload-loading"></span> |
|
||||||
</div> |
|
||||||
<!-- The global progress information --> |
|
||||||
<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 information --> |
|
||||||
<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>5 MB</strong> (default file size is unlimited).</li> |
|
||||||
<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li> |
|
||||||
<li>Uploaded files will be deleted automatically after <strong>5 minutes</strong> (demo setting).</li> |
|
||||||
<li>You can <strong>drag & drop</strong> files from your desktop on this webpage (see <a href="https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support">Browser support</a>).</li> |
|
||||||
<li>Please refer to the <a href="https://github.com/blueimp/jQuery-File-Upload">project website</a> and <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">documentation</a> for more information.</li> |
|
||||||
<li>Built with <a href="http://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> |
|
||||||
{% verbatim %} |
|
||||||
<!-- 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" style="display:none"> |
|
||||||
<td> |
|
||||||
<span class="preview"></span> |
|
||||||
</td> |
|
||||||
<td> |
|
||||||
<p class="name">{%=file.name%}</p> |
|
||||||
{% if (file.error) { %} |
|
||||||
<div><span class="error">Error:</span> {%=file.error%}</div> |
|
||||||
{% } %} |
|
||||||
</td> |
|
||||||
<td> |
|
||||||
<p class="size">{%=o.formatFileSize(file.size)%}</p> |
|
||||||
{% if (!o.files.error) { %} |
|
||||||
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"></div> |
|
||||||
{% } %} |
|
||||||
</td> |
|
||||||
<td> |
|
||||||
{% if (!o.files.error && !i && !o.options.autoUpload) { %} |
|
||||||
<button class="start">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" style="display:none"> |
|
||||||
<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> |
|
||||||
{% endverbatim %} |
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> |
|
||||||
<!-- The Templates plugin is included to render the upload/download listings --> |
|
||||||
<script src="{{ STATIC_URL }}js/tmpl.min.js"></script> |
|
||||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality --> |
|
||||||
<script src="{{ STATIC_URL }}js/load-image.min.js"></script> |
|
||||||
<!-- The Canvas to Blob plugin is included for image resizing functionality --> |
|
||||||
<script src="{{ STATIC_URL }}js/canvas-to-blob.min.js"></script> |
|
||||||
<!-- blueimp Gallery script --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.blueimp-gallery.min.js"></script> |
|
||||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.iframe-transport.js"></script> |
|
||||||
<!-- The basic File Upload plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload.js"></script> |
|
||||||
<!-- The File Upload processing plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-process.js"></script> |
|
||||||
<!-- The File Upload image preview & resize plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-image.js"></script> |
|
||||||
<!-- The File Upload audio preview plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-audio.js"></script> |
|
||||||
<!-- The File Upload video preview plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-video.js"></script> |
|
||||||
<!-- The File Upload validation plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-validate.js"></script> |
|
||||||
<!-- The File Upload user interface plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-ui.js"></script> |
|
||||||
<!-- The File Upload jQuery UI plugin --> |
|
||||||
<script src="{{ STATIC_URL }}js/jquery.fileupload-jquery-ui.js"></script> |
|
||||||
<!-- The main application script --> |
|
||||||
<script src="{{ STATIC_URL }}js/main.js"></script> |
|
||||||
<script src="{{ STATIC_URL }}js/csrf.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,52 +0,0 @@ |
|||||||
<!DOCTYPE HTML> |
|
||||||
{% load staticfiles %} |
|
||||||
<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>Django Jquery file upload demo</title> |
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||||
<!-- Bootstrap styles --> |
|
||||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> |
|
||||||
<!-- Generic page styles --> |
|
||||||
<link rel="stylesheet" href="{% static 'file_upload/css/style.css' %}"> |
|
||||||
<!-- blueimp Gallery styles --> |
|
||||||
<link rel="stylesheet" href="{% static 'file_upload/css/blueimp-gallery.min.css' %}"> |
|
||||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars --> |
|
||||||
<link rel="stylesheet" href="{% static 'file_upload/css/jquery.fileupload-ui.css'%}"> |
|
||||||
<!-- CSS adjustments for browsers with JavaScript disabled --> |
|
||||||
<noscript><link rel="stylesheet" href="{% static 'file_upload/css/jquery.fileupload-ui-noscript.css'%}"></noscript> |
|
||||||
|
|
||||||
<!-- Shim to make HTML5 elements usable in older Internet Explorer versions --> |
|
||||||
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
|
||||||
</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/sigurdga/django-jquery-file-upload">Django jQuery File Upload</a> |
|
||||||
</div> |
|
||||||
<div class="navbar-collapse collapse"> |
|
||||||
<ul class="nav navbar-nav"> |
|
||||||
<li class="active"><a href="#">Demo</a></li> |
|
||||||
<li><a href="https://github.com/sigurdga/django-jquery-file-upload">Source Code</a></li> |
|
||||||
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
{% block content %} |
|
||||||
<h1>No content set</h1> |
|
||||||
{% endblock %} |
|
||||||
|
|
||||||
</body> |
|
||||||
</html> |
|
||||||
@ -0,0 +1,115 @@ |
|||||||
|
{% extends "client/base_catalog.html" %} |
||||||
|
|
||||||
|
|
||||||
|
{% block styles %} |
||||||
|
<style> |
||||||
|
.thumb { |
||||||
|
height: 175px; |
||||||
|
border: 1px solid #000; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
|
{% endblock %} |
||||||
|
|
||||||
|
{% block content_list %} |
||||||
|
|
||||||
|
|
||||||
|
<div class="page-title"> |
||||||
|
<h1>Добавить событие</h1> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="page-body clearfix"> |
||||||
|
|
||||||
|
<div class="set-sect p-form adm-form passed"> |
||||||
|
<div class="set-sect-title clearfix"> |
||||||
|
<h3>Шаг 1. Основная информация</h3> |
||||||
|
<div class="afh-right"> |
||||||
|
<a class="button icon-edit" href="#">изменить</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="set-sect p-form adm-form passed"> |
||||||
|
<div class="set-sect-title clearfix"> |
||||||
|
<h3>Шаг 2. Статистика и условия участия</h3> |
||||||
|
<div class="afh-right"> |
||||||
|
<a class="button icon-edit" href="#">изменить</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="set-sect p-form adm-form"> |
||||||
|
<div class="set-sect-title clearfix"> |
||||||
|
<h3>Шаг 3. Добавление фото</h3> |
||||||
|
<div class="afh-right"> |
||||||
|
<div class="sst-info"><b>+ 1,2 балла</b> к рейтингу</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<form action="" method="post" enctype="multipart/form-data">{% csrf_token %} |
||||||
|
<hr /> |
||||||
|
|
||||||
|
<div class="mf-photos-list"> |
||||||
|
<div class="mfpl-button-line"> |
||||||
|
<div class="mfpl-button"> |
||||||
|
<input class="button big icon-camera" value="выберите фотографии" type="file" id="files" name="files[]" multiple /> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="mfpl-text"> |
||||||
|
<p>более полная информация повышает рейтинг вашего мероприятия и позволяет ранжировать его выше других</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<ul id="list"></ul> |
||||||
|
<div class="a-bot-buttons-line clearfix"> |
||||||
|
|
||||||
|
<div class="abb-left"> |
||||||
|
<a class="button big grey a-more" href="#">пропустить этот шаг</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="abb-right"> |
||||||
|
<button class="button big orange a-more" type="submit">далее</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
<script type="text/javascript"> |
||||||
|
function handleFileSelect(evt) { |
||||||
|
var files = evt.target.files; // FileList object |
||||||
|
|
||||||
|
// Loop through the FileList and render image files as thumbnails. |
||||||
|
for (var i = 0, f; f = files[i]; i++) { |
||||||
|
|
||||||
|
// Only process image files. |
||||||
|
if (!f.type.match('image.*')) { |
||||||
|
continue; |
||||||
|
} |
||||||
|
|
||||||
|
var reader = new FileReader(); |
||||||
|
|
||||||
|
// Closure to capture the file information. |
||||||
|
reader.onload = (function(theFile) { |
||||||
|
return function(e) { |
||||||
|
// Render thumbnail. |
||||||
|
var div = document.createElement('div'); |
||||||
|
div.innerHTML = ['<li><div class="mfpli-pict"> <img class="thumb" src="', e.target.result, |
||||||
|
'" title="', theFile.name, |
||||||
|
'"/></div>','<div class="mfpli-body"> <div class="mf-line full-width"> <div class="mf-field"> <textarea name="pdescr', |
||||||
|
i.toString(),'" cols="30" rows="10" placeholder="Описание"></textarea></div></div>', |
||||||
|
'</li>'].join(''); |
||||||
|
document.getElementById('list').insertBefore(div, null); |
||||||
|
}; |
||||||
|
})(f); |
||||||
|
|
||||||
|
// Read in the image file as a data URL. |
||||||
|
reader.readAsDataURL(f); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
document.getElementById('files').addEventListener('change', handleFileSelect, false); |
||||||
|
</script> |
||||||
|
{% endblock %} |
||||||
@ -1,9 +1,9 @@ |
|||||||
from django.conf.urls import patterns, url, include |
from django.conf.urls import patterns, url, include |
||||||
|
|
||||||
from wizard.forms import ExpoForm1, ExpoForm2 |
from wizard.forms import ExpoForm1, ExpoForm2 |
||||||
from wizard.views import ExpoWizard |
from wizard.views import ExpoWizard, add_photo_view |
||||||
|
|
||||||
urlpatterns = patterns('', |
urlpatterns = patterns('', |
||||||
url(r'^add-photo/', include('fileupload.urls')), |
url(r'^add-photo/', add_photo_view, name="add-photo"), |
||||||
url(r'^$', ExpoWizard.as_view([ExpoForm1, ExpoForm2])) |
url(r'^$', ExpoWizard.as_view([ExpoForm1, ExpoForm2])) |
||||||
) |
) |
||||||
Loading…
Reference in new issue