ilham
/
sekolah_adiwiyata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

main
Ilham Wara Nugroho 2025-09-12 09:39:29 +07:00
parent d05cb90d04
commit 5eea7b20af
1 changed files with 43 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
resources/views/modules/konten/kegiatan/form.blade.php
View File

@ -203,53 +203,55 @@
icon.removeClass('fa-eye-slash').addClass('fa-eye'); // Kembalikan ikon icon.removeClass('fa-eye-slash').addClass('fa-eye'); // Kembalikan ikon
} }
}); });
});
const myDropzone = new Dropzone(".dropzone", { const myDropzone = new Dropzone(".dropzone", {
url: "{{ url('uploadTempImage') }}", // URL ke controller kamu url: "{{ url('uploadTempImage') }}", // URL ke controller kamu
method: "POST", method: "POST",
// xhrFields: { xhrFields: {
// withCredentials: true withCredentials: true
// }, },
headers: { headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'X-Requested-With': 'XMLHttpRequest' 'X-Requested-With': 'XMLHttpRequest'
}, },
// maxFilesize: 1, // dalam MB // maxFilesize: 1, // dalam MB
acceptedFiles: ".png,.jpg,.jpeg", acceptedFiles: ".png,.jpg,.jpeg",
paramName: "file", // nama input file yang dikirim ke controller paramName: "file", // nama input file yang dikirim ke controller
params: { params: {
_token: document.querySelector('meta[name="csrf-token"]').getAttribute('content') _token: document.querySelector('meta[name="csrf-token"]').getAttribute('content')
}, },
uploadMultiple: true, uploadMultiple: true,
init: function() { init: function() {
this.on("successmultiple", function(files, response) { this.on("successmultiple", function(files, response) {
console.log('Upload success multiple:', response); console.log('Upload success multiple:', response);
const fileList = document.getElementById('file-list'); const fileList = document.getElementById('file-list');
response.files.forEach(function(fileInfo) { response.files.forEach(function(fileInfo) {
const li = document.createElement('li'); const li = document.createElement('li');
li.innerHTML = `<a>${fileInfo.filename}</a>`; li.innerHTML = `<a>${fileInfo.filename}</a>`;
fileList.appendChild(li); fileList.appendChild(li);
// Tambahkan ke hidden input kalau perlu // Tambahkan ke hidden input kalau perlu
const hiddenInput = document.createElement('input'); const hiddenInput = document.createElement('input');
hiddenInput.type = 'hidden'; hiddenInput.type = 'hidden';
hiddenInput.name = 'input_upload_files[]'; hiddenInput.name = 'input_upload_files[]';
hiddenInput.class = 'removeFormKriteria'; hiddenInput.class = 'removeFormKriteria';
hiddenInput.value = fileInfo.filename; hiddenInput.value = fileInfo.filename;
var elem = '<input type="hidden" name="input_upload_files[]" value="'+fileInfo.filename+'" class="removeFormKriteria uploadedFiles is-required">'; var elem = '<input type="hidden" name="input_upload_files[]" value="'+fileInfo.filename+'" class="removeFormKriteria uploadedFiles is-required">';
$('#form').append(elem); $('#form').append(elem);
});
}); });
});
this.on("error", function(file, response) { this.on("error", function(file, response) {
console.error('Upload error:', response); console.error('Upload error:', response);
toastr.error(response, 'Error!', {positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right'}); toastr.error(response, 'Error!', {positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right'});
this.removeFile(file); this.removeFile(file);
}); });
} }
}); });
});
</script> </script>
@endsection @endsection