upload.min.js (1330B)
1 import Api from "../../../../cms/ui/themes/default/script/openrat/api.min.js"; 2 import $ from "../../../../cms/ui/themes/default/script/jquery-global.min.js"; 3 export default function (element ) { 4 let form = $(element).find('form'); 5 let dropzone = $(element).find('div.or-dropzone-upload'); 6 dropzone.on('dragenter', function (e) 7 { 8 e.stopPropagation(); 9 e.preventDefault(); 10 $(this).css('border', '1px dotted gray'); 11 }); 12 dropzone.on('dragover', function (e) 13 { 14 e.stopPropagation(); 15 e.preventDefault(); 16 }); 17 dropzone.on('drop', function (e) 18 { 19 $(this).css('border','1px dotted red'); 20 e.preventDefault(); 21 let files = e.originalEvent.dataTransfer.files; 22 handleFileUpload(form,files); 23 }); 24 $(element).find('input[type=file]').change( function() { 25 let files = this.files; 26 handleFileUpload(form,files); 27 }); 28 }; 29 let handleFileUpload = function(form,files) 30 { 31 for (let i = 0; i < files.length; i++) 32 { 33 let f = files[i]; 34 let form_data = new FormData(); 35 form_data.append('file' , f); 36 form_data.append('action' , $(form).data('action')); 37 form_data.append('subaction', $(form).data('method')); 38 form_data.append('token' , $(form).find('input[name=token]').val() ); 39 form_data.append('id' , $(form).find('input[name=id]' ).val() ); 40 form_data.append('output' , 'json' ); 41 let api = new Api(); 42 api.sendData( form_data ); 43 } 44 }