I am trying to pass the file object through jquery ajax submit.

JSP code

<div id=import-file>

        <input type=file id=file/>

        <table>

        <tr><td><input type=radio name=type value=csv></td><td>CSV File</td></tr>

        <tr><td><input type=radio name=type value=excel></td><td>Excel spread sheet</td></tr>

        <tr><td><input type=radio name=type value=tab></td><td>Tab delimited</td></tr>

        </table>

</div>

Java script code

        var type = $($('input:radio:checked')[0]).val();

        var file = $(#file)[0].files[0];

        alert($(#file)[0].files[0].name);

        $.ajax({

            data :{

                file : file,

                type : type

            },

            type: POST,

            url: fileupload.htm,

            success: function(data){

                alert(data);

            },

            error:function(err){

                alert(err);

            }

        });

finally here is my spring controller code:

@RequestMapping(value=fileupload.htm,method=RequestMethod.POST )

    public @ResponseBody String uploadFile(@RequestParam String type, @RequestParam(file) MultipartFile file){

        logger.info(file type : +type + file is +file.toString());

        return SUCCESS;

    }

Am getting NS_NOINTERFACE: Component does not have requested interface [nsIDOMBlob.slice] error in my firebug console.