如何列出图像 [英] How Do I List Images

问题描述

我想列出来自数据库或文件夹的图像。

上市后，我需要在现有列表中添加或删除图像。

我如何实现这一点。

提前致谢。< br $> b $ b





<前lang =c＃>& lt;输入类型= < span class =code-string> button class = btn btn-default btn-small value = < span class =code-string> 附加图像 id = btnAttachImage onclick = $（ #fattach ）。click（）; /& gt;
& lt; input id = fattach type = file name = files value = style = display：none; /& gt;
$（ ＃fattach）。change（function（）{
// alert（$（＃fattach）。val（）。substring（$（＃fattach）。 val（）。lastIndexOf（'\\'）+ 1））;
var attachfile = $（' ＃fattach'）。val（）;
attachList（attachfile）;
}）;
函数attachList（filename）
{
// 调试器;
$ .ajax（{
url：' / VehicleSurvey / UpdateFileList'，
类型：' POST'，
data：{fname：filename}，
dataType： json，
成功：函数（结果）{
var grid = $（ ＃GridFilelist ）。data（ tGrid）;
grid.dataBind（结果.res $）;
// $（'＃GridFilelist' ）.data（'t-grid'）。ajaxRequest（）;
}，
错误：function（）{
alert（ 错误）;
}
}）;
}
@（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 < span class =code-keyword> class = surveyImg src = @ Url.Content（ ../ Images / gui_logo.gif ） /& gt; < / 文本 > ）; * @
column.Bound（f =& gt; f.FileName）
.ClientTemplate（ & lt; img alt ='& lt;＃= FileName＃& gt;'src =' + Url.Content（ ../ Images / ）+ & lt;＃= FileName＃& gt; .jpg'/& gt;）。标题（ 图片）;
column.Command（cmd =& gt; {cmd.Delete（）。文字（ 删除 ）。ButtonType（GridButtonType.Image）;}）;
}
）
.DataBinding（dataBinding =& gt; dataBinding.Ajax（）
。删除（ _ AjaxDeleteImage， VehicleSurvey））
.Footer（ false ）
.HtmlAttributes（ new {@style = < span class =code-string> width：80％}）
.Scrollable（scr =& gt; scr。高度（ 100 ））
）

[/ EDIT]

解决方案

（ #fattach < span class =code-string>）。click（）; /& gt;
& lt; input id = fattach type = file name = files value = style = display：none; /& gt;

（ ＃fattach).change(function（）{
// alert（

（ ＃fattach）。VAL（）。子（

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]

解决方案

("#fattach").click();"/&gt; &lt;input id="fattach" type="file" name="files" value="" style="display:none;"/&gt;

("#fattach").change(function () { //alert(

("#fattach").val().substring(

这篇关于如何列出图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！