upload image n Dispaly it using webgrid in mvc

hello everyone ,

i created profile image with name n location data. successfuly and it run in show image page but it shown error

how to do this code

show image in razor page

@model IEnumerable
@{
ViewBag.Title = "Show Images";
Layout = "~/Views/Shared/_Layout.cshtml";
}
"viewport" content="width=device-width" />
Show Images
@*
"~/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet" />*@
@*"~/Scripts/jquery-1.9.1.js">*@
"~/Content/bootstrap.min.css" rel="stylesheet" />
"~/Scripts/jquery-1.10.2.js">
"~/Scripts/bootstrap.min.js">
"~/Scripts/bootstrap.js">
@*"~/bootstrap-3.3.6-dist/js/bootstrap.js">*@
@*"~/Scripts/bootstrap.js">*@
"~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
@*"~/Scripts/jquery-1.8.2.js">*@
"~/Scripts/jquery-ui-1.8.24.js">
"text/javascript">
function ZoomImage(image) {
debugger;
document.getElementById("main").src = image;
$("#popupdiv").dialog({
width: 600,
height: 600,
modal: true,
buttons: {
Close: function () {
$(this).dialog('close');
}
}
});
}
"margin-left: 50px; margin-right: 50px; margin-top: 50px;">
@{
var grid = new WebGrid(Model, canPage: true, rowsPerPage: 5);
grid.Pager(WebGridPagerModes.All);
}
@grid.GetHtml(
htmlAttributes: new { id = "gridMapping" },
tableStyle: "table table-bordered",
headerStyle: "info",
footerStyle: "info",
alternatingRowStyle: "webgrid-alternating-row",
selectedRowStyle: "webgrid-selected-row",
rowStyle: "gridrow",
columns: grid.Columns
(
grid.Column("imagename", "imagename", null, style: "imagename"),
grid.Column(header: "Images", format:
@
"imagebtn"
onclick="ZoomImage('data:image/jpg;base64,@(Convert.ToBase64String(item.image))')"
src="data:image/jpg;base64,@(Convert.ToBase64String(item.image))"
width="70px"
height="70px"
alt="@item.imagename" />
, style: "Imagepix"),
grid.Column("ename","E name"),
grid.Column("designation", "Designation"),
grid.Column("location", "location"),
grid.Column("salary1", "salary1"))
)

"popupdiv" style="display: none">

"main" src="images/main.jpg">

Server Error in '/' Application.

The model item passed into the dictionary is of type 'System.Collections.Generic.List`1[<>f__AnonymousType6`6[System.String,System.Byte[],System.String,System.String,System.String,System.String]]', but this dictionary requires a model item of type 'System.Collections.Generic.IEnumerable`1[Webgridexample.Models.employee1]'.

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: System.InvalidOperationException: The model item passed into the dictionary is of type 'System.Collections.Generic.List`1[<>f__AnonymousType6`6[System.String,System.Byte[],System.String,System.String,System.String,System.String]]', but this dictionary requires a model item of type 'System.Collections.Generic.IEnumerable`1[Webgridexample.Models.employee1]'.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.