81 lines
3.1 KiB
JavaScript
81 lines
3.1 KiB
JavaScript
var photo_counter = 0;
|
|
Dropzone.options.realDropzone = {
|
|
|
|
uploadMultiple: false,
|
|
parallelUploads: 100,
|
|
maxFilesize: 8,
|
|
url: 'test',
|
|
previewsContainer: '#dropzonePreview',
|
|
previewTemplate: document.querySelector('#preview-template').innerHTML,
|
|
addRemoveLinks: true,
|
|
dictDefaultMessage: "Dateien hier abgelegen zum Hochladen",
|
|
dictFallbackMessage: "Your browser does not support drag'n'drop file uploads.",
|
|
dictFallbackText: "Please use the fallback form below to upload your files like in the olden days.",
|
|
dictFileTooBig: "Die Datei ist zu groß ({{filesize}}MiB). Maximale Dateigröße: {{maxFilesize}}MiB.",
|
|
dictInvalidFileType: "Dieser Dateityp ist nicht erlaubt",
|
|
dictResponseError: "Server responded with {{statusCode}} code.",
|
|
dictCancelUpload: "Upload abbrechen",
|
|
dictCancelUploadConfirmation: "Are you sure you want to cancel this upload?",
|
|
dictRemoveFile: "löschen",
|
|
dictRemoveFileConfirmation: null,
|
|
dictMaxFilesExceeded: "You can not upload any more files.",
|
|
|
|
// The setting up of the dropzone
|
|
init:function() {
|
|
$.get('/server-images', function(data) {
|
|
|
|
$.each(data.images, function (key, value) {
|
|
|
|
var file = {name: value.original, size: value.size};
|
|
myDropzone.options.addedfile.call(myDropzone, file);
|
|
myDropzone.options.thumbnail.call(myDropzone, file, 'images/icon_size/' + value.server);
|
|
myDropzone.emit("complete", file);
|
|
photo_counter++;
|
|
$("#photoCounter").text( "(" + photo_counter + ")");
|
|
});
|
|
});
|
|
|
|
this.on("removedfile", function(file) {
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/upload/delete',
|
|
data: {id: file.name, _token: $('#csrf-token').val()},
|
|
dataType: 'html',
|
|
success: function(data){
|
|
var rep = JSON.parse(data);
|
|
if(rep.code == 200)
|
|
{
|
|
photo_counter--;
|
|
$("#photoCounter").text( "(" + photo_counter + ")");
|
|
}
|
|
},
|
|
error: function(jqXHR, textStatus, errorThrown)
|
|
{
|
|
alert(jqXHR);
|
|
alert(textStatus);
|
|
alert(errorThrown);
|
|
}
|
|
});
|
|
|
|
} );
|
|
},
|
|
error: function(file, response) {
|
|
if($.type(response) === "string")
|
|
var message = response; //dropzone sends it's own error messages in string
|
|
else
|
|
var message = response.message;
|
|
file.previewElement.classList.add("dz-error");
|
|
_ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
|
|
_results = [];
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
node = _ref[_i];
|
|
_results.push(node.textContent = message);
|
|
}
|
|
return _results;
|
|
},
|
|
success: function(file,done) {
|
|
photo_counter++;
|
|
$("#photoCounter").text( "(" + photo_counter + ")");
|
|
}
|
|
} |