update
parent
d05cb90d04
commit
5eea7b20af
|
@ -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 = `<a>${fileInfo.filename}</a>`;
|
||||
fileList.appendChild(li);
|
||||
response.files.forEach(function(fileInfo) {
|
||||
const li = document.createElement('li');
|
||||
li.innerHTML = `<a>${fileInfo.filename}</a>`;
|
||||
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 = '<input type="hidden" name="input_upload_files[]" value="'+fileInfo.filename+'" class="removeFormKriteria uploadedFiles is-required">';
|
||||
$('#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 = '<input type="hidden" name="input_upload_files[]" value="'+fileInfo.filename+'" class="removeFormKriteria uploadedFiles is-required">';
|
||||
$('#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);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
@endsection
|
Loading…
Reference in New Issue