Filebox not part of serialize() method output

[JeroenvdV]

Hi,

I am using a filebox in my form. When I use the native javascript serialize() or serializeArray() method to retrieve all Form input field names and values, the filebox input is missing. Is this as intended or am I doing something wrong here?

Code:

        <form id="ff" method="post" > 
            <input class="easyui-textbox" name="first_name" style="width:200px;">
            <input class="easyui-filebox" name="document" style="width:200px;">
        </form>

        <script type="text/javascript">
            var fields = $('#ff').serialize();
            console.log(fields);  // output: first_name=&document=
    
            $(function() {
                var fields = $('#ff').serialize();
                console.log(fields);  // output: first_name=
            });
        </script>

[jarry]

Data from file select elements is not serialized by 'serialize' method. Please try to use FormData object instead.

[JeroenvdV]

Thank you Jarry, I can work with that.

Cheers