具有共享网络的Html Image src路径在firefox中不起作用

Question

在我的网页中,我使用的是图像标记,src属性指向共享网络位置,即(/server/images/image1.png).确切的脚本是"<img src="file://///server/images/image1.png".它在IE中运行良好.在firefox中,当我使用firebug进行调试时显示图像,但它没有显示在页面(用户视图)中.即使它复制此位置并将其放在firefox地址栏中工作正常.使用img标签时会出现什么问题也是什么解决方案？提前致谢.

Answer 1

把它作为答案在这里,以便为像我这样的其他人搜索如何显示网络图像提供帮助,并在前3个搜索引擎结果中发布了这个SO帖子.它似乎比在响应中发出图像的java servlet更好的答案.

FireFox不会显示网络图像,所以我创建了一个扩展HtmlHelper的MVC助手.

public static class ImageHelper
{
    /// <summary>Converts a photo to a base64 string.</summary>
    /// <param name="html">The extended HtmlHelper.</param>
    /// <param name="fileNameandPath">File path and name.</param>
    /// <returns>Returns a base64 string.</returns>
    public static MvcHtmlString PhotoBase64ImgSrc(this HtmlHelper html, string fileNameandPath)
    {
        var byteArray = File.ReadAllBytes(fileNameandPath);
        var base64 = Convert.ToBase64String(byteArray);

        return MvcHtmlString.Create(String.Format("data:image/gif;base64,{0}", base64));
    }
}

在MVC View中使用如下:

using 
<img src="@Html.PhotoBase64ImgSrc(image)" height="60px" width="60px" alt="photo" />

这里@Html.PhotoBase64ImgSrc(图像)中的'图像'是一个纯粹的网络UNC,例如

//Photos/ebaebbed-92df-4867-afe8-0474ef8644eb.jpg