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