Help upload image use ajax jquery in asp.net MVC3

Question

1.00/5 (3 votes)

See more:

I made loads images from client to server I wrote the following code. MVC3:
1.view :
<input id="btnUpload" type="button" value="Upload image" />
- code jquery :

JavaScript

$('#btnUpload').click(function () {
     alert('started');
     var file = $('#txtfile').image;

     $.ajax({
         url: '/Manager/InsertProduct1',
         type: 'POST',
         dataType: 'json',
         data:file,
         contentType: 'application/json; charset=utf-8',
         success: function (data) {
             var d = data;
             alert(d);

         },
         error: function (er) {
             alert(er);
         }

     });
 });

2. code controller :

JavaScript

<pre lang="Javascript">

 <pre lang="c#"> [HttpPost]
        public ActionResult InsertProduct1(HttpPostedFileBase file)
        {

            string fileName = file.FileName;
            file.SaveAs(Server.MapPath("~/Content/Images"));
            return Json("Complete!");
        }

I do the job fails, I need help?

Posted 30-Sep-13 22:26pm

MinhAnhdhsbshjs

Add a Solution

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sampath Kumar Sathiya · Answer 1 · 2013-10-01T02:06:00

Solution 2

Hi,

Please use the below link,

http://powerdotnetcore.com/asp-net-mvc/asp-net-mvc-simple-ajax-file-upload-using-jquery[^]

Posted 1-Oct-13 2:06am

Sampath Kumar Sathiya

Comments

MinhAnhdhsbshjs 1-Oct-13 21:29pm

Thank, You cannot help me, do not use plugin?
i want to use ajax jquery simple

F-ES Sitecore 14-Oct-15 10:03am

Google "ajax upload jquery" and you'll find lots of examples, please do your own basic research before asking a question as this question is asked daily. You can only do this if the browser supports html5's file api, otherwise you'll have to use a plug-in or a non-ajax upload. jQuery isn't magic, it can't do things js can't and js doesn't have access to the local file system so can't do uploads.

Sampath Kumar Sathiya 3-Oct-13 3:59am

Oh is it so?

anjankant · Answer 2 · 2015-10-14T02:20:00

MVC View:

C#

<input type="file" id="uploadEditorImage" />

Javascript Code Here

C#

$("#uploadEditorImage").change(function () {
    var data = new FormData();
    var files = $("#uploadEditorImage").get(0).files;
    if (files.length > 0) {
        data.append("HelpSectionImages", files[0]);
    }
    $.ajax({
        url: resolveUrl("~/Admin/HelpSection/AddTextEditorImage/"),
        type:"POST",
        processData: false,
        contentType: false,
        data: data,
        success: function (response) {
           //code after success

        },
        error: function (er) {
            alert(er);
        }

    });
});

MVC Controller

C#

if (System.Web.HttpContext.Current.Request.Files.AllKeys.Any())
        {
            var pic = System.Web.HttpContext.Current.Request.Files["HelpSectionImages"];
        }

Help upload image use ajax jquery in asp.net MVC3

2 solutions

Solution 2

Solution 3

Add your solution here

Preview 0

Help upload image use ajax jquery in asp.net MVC3

2 solutions

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us