图像上传和预览在mvc 2中

Question

我通过转换asp.net网站来学习mvc 2.在我的页面中，我必须上传图像并显示图像预览。

我的asp.net页面的屏幕截图如下所示。

我已将模型创建为

public class Contest
    {
        public int contestid { get; set; }
        public string ContestName { get; set; }
        public string Description { get; set; }
        public DateTime StartDate { get; set; }
        public DateTime EndDate { get; set; }
        public int UserId { get; set; }
        public bool IsActive { get; set; }
        public string contestimage { get; set; }
    }

在我的控制器中

public ActionResult Createcontest()
{
   ContestModel contest = new ContestModel();
   return View(contest);
}
[HttpPost]
    public ActionResult Createcontest(ContestModel contest)
    {
///inserting data
      return View(contest);
    }

如果我在我的视图中使用iframe上传图像。那么如何将文件名绑定到contestimage。（我正在保存对数据库的contestimage）。 是否还有其他方法可以上传图片。

Answer 1

您只需使用<img src= ...>预览图片

即可

以下是一个示例： - http://weblogs.asp.net/imranbaloch/archive/2010/04/03/image-preview-in-asp-net-mvc.aspx

将图片上传到数据库并进行预览： http://byatool.com/mvc/asp-net-mvc-upload-image-to-database-and-show-image-dynamically-using-a-view/

Answer 2

//在控制器中你可以做到这一点

public ActionResult Show( int id )
     {


        byte[] Filecontent1 = null;


        foreach (byte[] Filecontent in db.ExecuteStoreQuery<byte[]>
       ("select Filecontent from [barcodes] where Barcode_Id = @p0 ", id))
        {
            Filecontent1 = Filecontent;
        }

        var imageData =   Filecontent1;

        return File( imageData, "image/jpg" );
    }

//将其放入视图中进行diplaying //自动挂钩Actionresult节目

<tr><img src='<%= Url.Action("Show", "contollername",new {id = Model.itemid }) %>' /></tr>

从网址获取ID：http：// localhost // page / 1

其中1是itemid