How Do I List Images

See more:

C#

Telerik

MVC3

I want to list images from DB or from a folder.
After listing, i need to add or delete images to the existing list.
How can i achieve this.
Thanks in advance.

[EDIT]

 <input type="button" class="btn btn-default btn-small" value="Attach Image " id="btnAttachImage" onclick="$("#fattach").click();"/>
<input id="fattach" type="file" name="files" value="" style="display:none;"/>
  $("#fattach").change(function () {
                //alert($("#fattach").val().substring($("#fattach").val().lastIndexOf('\\') + 1));
                var attachfile = $('#fattach').val();
                attachList(attachfile);
            });
  function attachList(filename)
        {
            //debugger;
            $.ajax({
                url: '/VehicleSurvey/UpdateFileList',
                type: 'POST',
                data: { fname: filename },
                dataType: "json",
                success: function (result) {
                    var grid = $("#GridFilelist").data("tGrid");
                    grid.dataBind(result.result);
                 //   $('#GridFilelist').data('t-grid').ajaxRequest();
                },
                error: function () {
                    alert("error");
                }
            });
        }
 @(Html.Telerik().Grid<vehiclesurveyattachmentmodel>()
                .Name("GridFilelist")
                .DataKeys(dk =&gt; dk.Add(gfl =&gt; gfl.RecordNo))
                .Columns(column =&gt;
                    {
                        column.Bound(f =&gt; f.RecordNo).Hidden(true);
                       @* column.Template(@<text>&lt;img alt="attachedImage" class="surveyImg" src="@Url.Content("../Images/gui_logo.gif")" /&gt; </text>);*@
                        column.Bound(f =&gt; f.FileName)
                            .ClientTemplate("&lt;img alt='&lt;#= FileName #&gt;' src='" + Url.Content("../Images/") + "&lt;#= FileName #&gt;.jpg' /&gt;").Title("Picture");
                        column.Command(cmd =&gt; { cmd.Delete().Text("Remove").ButtonType(GridButtonType.Image); });
                    }
                    )
                    .DataBinding(dataBinding =&gt; dataBinding.Ajax()
                                .Delete("_AjaxDeleteImage", "VehicleSurvey"))
                    .Footer(false)
                    .HtmlAttributes(new { @style = "width:80%" })
                    .Scrollable(scr =&gt; scr.Height(100))
            )

[/EDIT]