imageuploader in MVC3

Hey i am new in MVC3.I have to develope an image uploader and jquery type thing in MVC3 as we can do inAsp.net..Can anybody help me??

Re: imageuploader in MVC3

Hi,

There are many available already.

Try uploadify.

Re: imageuploader in MVC3

i have done this code.it saves images in Images folder.but now the question is how to display that image i-e src of image=??....

Controller code

[HttpPost]
public ActionResult Index(HttpPostedFileBase file)
{
string path = System.IO.Path.Combine(Server.MapPath("~/Images"), System.IO.Path.GetFileName(file.FileName));
file.SaveAs(path);
ViewBag.Message = "File uploaded successfully";
return View();
}

Veiw code

@{
ViewBag.Title = "Home Page";
}

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<label for="file">Upload Image:</label>
<input type="file" name="file" id="file"/>
<input type="submit" value="Upload Image" />
<br />

}
</p>

Re: imageuploader in MVC3

BushraWaris
now the question is how to display that image

Re: imageuploader in MVC3

Thanks for replying.i tried this code but got an error i-e

Cannot perform runtime binding on a null reference

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference

Re: imageuploader in MVC3

It's null because you are not passing back a model with the path to your file, you are just rendering the View using View(). Ideally you want a strongly typed model with a property to the file.

However you can also use the ViewBag to send data to the view with the filename. For example:

In your controller

[HttpPost]
public ActionResult Index(HttpPostedFileBase file)
{
string path = System.IO.Path.Combine(Server.MapPath("~/Images"), System.IO.Path.GetFileName(file.FileName));
file.SaveAs(path);
ViewBag.Message = "File uploaded successfully";
ViewBag.FileName= file.FileName;
return View();
}

In your view

<img src='/images/@ViewBag.FileName' />

Re: imageuploader in MVC3

BushraWaris
i tried this code but got an error i-e Cannot perform runtime binding on a null reference

Do you pass back a Model? A path to image into the Model?
Did you tried my code without making any changes to the action?!