File Upload from mobile to call service from Jquery

File Upload from mobile to call service from Jquery

Hi All,

Please help me on below scenario.

I want to upload text or document file from mobile .In Jquery save click time how to send file to  WEBAPI  Controller.Code Is Below

Index.html:

  <label for="basic">Category Name </label>
                    <select name="category" class="categoryVal" id="category"></select>

                    <label for="categorytitle">Title</label>
                    <input type="text" name="categorytitle" id="categoryTitle" />

                    <label for="categorydescription">Description</label>
                    <input type="text" name="categorydescription" id="txtCategoryDescription" />

                    <label for="categoryItemType">Item Type</label>
                    <select name="categoryItemType" id="ddlCategoryItemType"></select>

                    <label for="categoryUrl" id="lblcategoryUrl">Url</label>
                    <input type="text" name="categoryUrl" id="txtCategoryUrl" />

                    <label for="categoryfile" id="lblcategoryFile">Document:</label>
                    <!--<input name="categoryfile" id="categoryfile"  type="file">-->
                    <input type="file" name="categoryfile" id="File5" />
                    <button name="subject" type="submit" id="btnCategorySubmit">Save</button>


How to send file to controller from Jquery??
Thanks In Advance.