Untuk mengupload file menggunakan tag input file dan Ajax, pertama-tama pastikan bahwa Anda telah memasang jQuery di halaman web Anda. Anda bisa mendapatkan link CDN jQuery dari sini
<script src="https://code.jquery.com/jquery-3.6.1.min.js" ></script>
Kemudian, Anda dapat menggunakan kode berikut ini:
<form id="file-form" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="file-input" />
</form>
<script>
$(document).ready(function() {
// Menangani event ketika file dipilih dari tag input file
$('#file-input').on('change', function() {
var file = this.files[0];
// Membuat objek form data
var formData = new FormData();
formData.append('file', file);
// Mengirim file menggunakan Ajax
$.ajax({
url: 'upload.php',
type: 'post',
data: formData,
processData: false,
contentType: false,
success: function(response) {
// Tindakan setelah file berhasil diupload
alert('File berhasil diupload!');
}
});
});
});
</script>
Yoi 