upload file using jquery in mvc razor

Question

I am new to MVC 3 Razor. How to upload file using Jquery.My code below mentioned

@using (Html.BeginForm())
    {
        <input type='file' name='file' id='file' />
        <input type="Button" value="upload" />
    }

few restriction is below mentioned

i can not define my action and controller within html.BeginForm(...)
i can not use type="submit" of above upload button.

Now i hope you are clear when i click upload button jquery function will be call and from there my action should be call and in controller i want to implement my logic with uploaded file.

please let me know how to implement this.????any sample demo??

Balton · Accepted Answer · 2013-02-01 11:37:53Z

1

It's easy

@using (Html.BeginForm())
    {
        <input type='file' name='file' id='file' />
        <input type="Button" value="upload" onclick="upload()" />
    }

<script>
    function upload() {
        $.ajax({
            type: "POST",
            url: '@Url.Action("Upload")',
            dataType: "multipart/form-data",
            data: $('#file'),
            cache: false
        });
    }
</script>

answered Feb 1, 2013 at 11:37

Balton

313 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

upload file using jquery in mvc razor

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related