Question

Recently I am getting interested in image manipulation. But I am stuck just at the beginning of the long journey.

I have a problem in uploading an image in asp.net mvc3(razor view) project.
Can any one suggest me a basic sample/tutorial how to do it so.

Answer 1

To upload an image just call this in your html.

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

}

Be sure to have enctype = "multipart/form-data" or your file won’t be uploaded.
Then from the controller just handle the Request.Files of accept directly a HttpPostedFileBase

[HttpPost]
public ActionResult Index(HttpPostedFileBase file)
{
    if (file != null && file.ContentLength > 0) 
    {
        //file handling logic
        file.SaveAs(/* your path here */);
    }
    return RedirectToAction("Index");        
}

Remember also that classic file upload don’t work with ajax calls. If that is the case you must use a plugins like this one