代码之家  ›  专栏  ›  技术社区  ›  Joe Ruder

无法在Kendo asp.net核心网格中显示TIFF图像

  •  1
  • Joe Ruder  · 技术社区  · 5 年前

    我有一个列是数据绑定的,从Azure Blob容器中提取图像。 JPG图像工作正常,但TIF或TIFF不起作用。 没有错误,只是没有图像。

    工作图像: enter image description here

    非工作图像显示: enter image description here

    我正在使用以下代码创建网格:

     @(Html.Kendo().Grid<DDP_WebPortal.Controllers.MobileImage>().Name("gridMobileImages")
                                .AutoBind(false)
                                .Columns(c =>
                                {
                                    c.Bound(e => e.absoluteuri).Title("Image").ClientTemplate("#if (absoluteuri != null && absoluteuri != '') {#<a onclick=OpenOriginalImage('#=absoluteuri#') data-toggle='modal' data-target='.ModalFullImage'><img src='#=absoluteuri#' style='width: 100%;border:10px solid #=bordercolor#' class='stopImage' /></a> #} #");
                                    //c.Bound(e => e.id).Title("Actions").Width(100).ClientTemplate("# if (id != null && id > 0) {#<a class='btn btn-primary text-center buttonNew' style='background-color:red;color:white;margin-bottom:5px;width: 70px;' onclick='return DeletePicture(#=id#);'>Delete</a><br/><a class='btn btn-primary text-center buttonNew' style='background-color:blue;color:white;margin-bottom:5px;width: 70px;' data-toggle='modal' data-target='\\#ReplacePictureModal' onclick='return OpenReplacePicture(#=id#);'>Replace</a>#} else {#<label></label>#}#").Filterable(false).IncludeInMenu(false);
                                    c.Bound(e => e.id).Title("Actions").Width(100).ClientTemplate("# if (id != null && id > 0) {#<a class='btn btn-primary text-center buttonNew' style='background-color:red;color:white;margin-bottom:5px;width: 70px;' onclick='return DeletePicture(#=id#);'>Delete</a>#} else {#<label></label>#}#").Filterable(false).IncludeInMenu(false);
                                })
                                .Events(x => x.DataBound("dataBound"))
                                .Sortable(false)
                                .Pageable(pageable => pageable
                                .Input(true)
                                .Numeric(true)
                                .Info(true)
                                .PreviousNext(true)
                                .Refresh(true)
                                .PageSizes(new[] { 1 })
                                .ButtonCount(5))
                                .Scrollable()
                                .Groupable(false)
                                .Resizable(resize => resize.Columns(false))
                                .Reorderable(reorder => reorder.Columns(false))
                                .Filterable(ftb => ftb.Mode(GridFilterMode.Menu).Mode(GridFilterMode.Row))
                                .ColumnMenu(menu => menu.Columns(false).Sortable(false).Filterable(false))
                                .HtmlAttributes(new { })
                                .DataSource(source =>
                                {
                                    source.Custom()
                                    .Transport(transport =>
                                    {
                                        transport.Read("GetStopImagesList", "Delivery").ParameterMap("headerFilters");
                                    }).Schema(schema =>
                                    {
                                        schema.Data("imgList");
                                        schema.Total("imgList.length");
                                    });
                                })
            )
    

    更新12/1/19

    正确地

    这里是一个非常有用的站点,可以查看您的浏览器如何处理不同的TIFF上载/链接格式。

    https://www.alternatiff.com/howtoembed.html

    0 回复  |  直到 5 年前
    推荐文章