Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/thietkeweb2/upanh/ |
$(function(){
/*
* For the sake keeping the code clean and the examples simple this file
* contains only the plugin configuration & callbacks.
*
* UI functions ui_* can be located in: demo-ui.js
*/
$('#drag-and-drop-zone').dmUploader({ //
url: 'upload.php',
maxFileSize: 3000000, // 3 Megs
allowedTypes: "image/*",
extFilter: ["jpg", "jpeg", "png", "gif", "webp"],
onDragEnter: function(){
// Happens when dragging something over the DnD area
this.addClass('active');
},
onDragLeave: function(){
// Happens when dragging something OUT of the DnD area
this.removeClass('active');
},
onInit: function(){
// Plugin is ready to use
ui_add_log('Penguin initialized :)', 'info');
},
onComplete: function(){
// All files in the queue are processed (success or error)
ui_add_log('All pending tranfers finished');
},
onNewFile: function(id, file){
// When a new file is added using the file selector or the DnD area
ui_add_log('New file added #' + id);
ui_multi_add_file(id, file);
if (typeof FileReader !== "undefined"){
var reader = new FileReader();
var img = $('#uploaderFile' + id).find('img');
reader.onload = function (e) {
img.attr('src', e.target.result);
}
reader.readAsDataURL(file);
}
},
onBeforeUpload: function(id){
// about tho start uploading a file
ui_add_log('Starting the upload of #' + id);
ui_multi_update_file_status(id, 'uploading', 'Uploading...');
ui_multi_update_file_progress(id, 0, '', true);
},
onUploadCanceled: function(id) {
// Happens when a file is directly canceled by the user.
ui_multi_update_file_status(id, 'warning', 'Canceled by User');
ui_multi_update_file_progress(id, 0, 'warning', false);
},
onUploadProgress: function(id, percent){
// Updating file progress
ui_multi_update_file_progress(id, percent);
},
/*onUploadSuccess: function(id, data){
// A file was successfully uploaded
ui_add_log('Server Response for file #' + id + ': ' + JSON.stringify(data));
ui_add_log('Upload of file #' + id + ' COMPLETED', 'success');
ui_multi_update_file_status(id, 'success', 'Upload Complete');
ui_multi_update_file_progress(id, 100, 'success', false);
},*/
onUploadSuccess: function(id, data){
// A file was successfully uploaded
//var obj = jQuery.parseJSON(data);
var img_path = data.path;
ui_add_log('Server Response for file #' + id + ': ' + JSON.stringify(data));
ui_add_log('Upload of file #' + id + ' COMPLETED', 'success');
ui_multi_update_file_status(id, 'success', '<i>Uploaded success</i>');
ui_multi_update_file_progress(id, 100, 'success', false);
var new_input = $('#uploaderFile' + id).find('input');
new_input.attr('value',img_path);
},
onUploadError: function(id, xhr, status, message){
ui_multi_update_file_status(id, 'danger', message);
ui_multi_update_file_progress(id, 0, 'danger', false);
},
onFallbackMode: function(){
// When the browser doesn't support this plugin :(
ui_add_log('Plugin cant be used here, running Fallback callback', 'danger');
},
onFileSizeError: function(file){
ui_add_log('File \'' + file.name + '\' cannot be added: size excess limit', 'danger');
}
});
});