Use filebox in crud

[Steve2106]

Hi There,

I am using the crud demo as a starting point.
I am collecting and saving a few fields like Name, Business etc and that is working well.
I now want to put on the form a filebox which will upload a file. My issue is how do I automatically save the user info and upload the file all in one save button.

Thanks for the help.

Best Regards,

Steve.

[stworthy]

Please refer the the code below.

Code:

<form id="ff" action="..." enctype="multipart/form-data" method="post">
	<input class="easyui-filebox" name="file"...>
</form>

[Steve2106]

Hi StWorthy,

Than you for your reply.

As mentioned I am trying to do this in EasyUI crud example. When I save the file details I would like to also save some details to the user file. I.E. filename, filetype etc. I do not know how to accomplish this.

I have been able to upload a file but do not know how to use an sql statement to save details to database from within the file upload code.

I really appreciate your help.

Best Regards,

Steve.

[stworthy]

Listen to the 'onChange' event and then call the 'files' method, you can retrieve all the information about the files you selected including name, size, type, etc. Please look at the code below.

Code:

<input class="easyui-filebox" data-options="
	onChange: function(value){
		var files = $(this).filebox('files');
		console.log(files)
	}
">