i can't upload file using Alpine js

@shariff not not gettting any error i m correctly initialize the filepond

@vandan Did you try doing like this? Just to confirm you can able to add file or not.

FilePond.create(document.querySelector('input[type="file"]')).on('addfile', (error, file) => {
    if (error) {
        console.error('Error adding file', error);
        return;
    }
    console.log('File added', file);
});

If you are using form make sure you added enctype="multipart-form-data"

@shariff yes i already put this code but still the file is i thiink not attach may be

@vandan hmmm. Can you show your filePond initialization and form submission?

@shariff

<script>
	window.addEventListener("DOMContentLoaded", () => Alpine.start());	

	FilePond.create(document.querySelector('input[type="file"]')).on('addfile', (error, file) => {
	if (error) {
    	console.error('Error adding file', error);
    	return;
	}
	console.log('File added', file);
});

here is my form

{!! Form::open(array( 'id '=> 'add-collateral-form' , 'method' => 'post' ,  'files' => true ,  'url' => 'collateral/store' )) !!}

<input type="file" 
		x-init="$el._x_filepond = FilePond.create($el)"
		name="collateral_doc_file_1[]"
		class="doc-file" 
		data-valid-file="no"
		data-has-file="no"/> etc... remaing code

@vandan There is no enctype="multipart/form-data" in your form? Try adding that