IMG标签加载FTP的图片，在chorme下正常，IE下不显示

jiaoye6789 2016-08-08 05:22:33

子页面



@{

    Layout = null;

}



<!DOCTYPE html>



<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

</head>

<body>

        <img id="pic" src="ftp://192.168.1.10/Pictures/201684/20160804090110-749-(%C0%B6%BE%A9YM1Z04)5-%C8%AB%BE%B0%CD%BC.jpg"  style="width:500px;height:500px"/></div>

</body>

</html>

Home页



@{

    Layout = null;

}



<!DOCTYPE html>



<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <script src="~/Scripts/jquery-1.8.2.min.js"></script>

    <script src="~/Scripts/jquery.easyui.min.js"></script>

    <script src="~/Scripts/easyui-lang-zh_CN.js"></script>

    <script src="~/Scripts/common.js"></script>

    <link href="~/Content/themes/default/easyui.css" rel="stylesheet" />

    <link href="~/Content/themes/icon.css" rel="stylesheet" />

    <script type="text/javascript">

        function addTab(title, url) {

            if ($('#tabs').tabs('exists', title)) {

                $('#tabs').tabs('select', title);

            }

            else {

                var content = '<iframe scrolling="no"   frameborder="0"   src="' + url + '" style="width:100%;height:99%"></iframe>';

                $('#tabs').tabs('add', {

                    title: title,

                    content: content,

                    closable: true

                });

            }

        }

    </script>

</head>

<body>



    <div>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="addTab('新标签','/Default1/Index')"> 添加</a>

        <div id="tabs" class="easyui-tabs" style="width:500px;height:500px">

        </div>



        </div>

</body>

</html>

在Chrome下，子页面运行没问题，home页tabs加载子页面图片也没问题
在IE下，子页面运行图片显示，home页tabs加载子页面图片不显示错误
是不是在IE下，需要把图片转化成二进制流，然后输出，img显示

...全文

1565 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_36538173 2017-03-13

打赏
举报

嗨呀，IE真烦，我也遇到这个问题

jiaoye6789 2016-10-01

打赏
举报

引用 9 楼 ras_12312312 的回复:

亲~ 只能读取FTP图片转化成流存储吗？能贴上代码么参考参考

或者把放图片的文件夹发布，http直接访问

jiaoye6789 2016-10-01

打赏
举报

引用 9 楼 ras_12312312 的回复:

亲~ 只能读取FTP图片转化成流存储吗？能贴上代码么参考参考

public FileResult DownloadPic(string ftpPath) { FtpWebRequest reqFTP; try { // 根据uri创建FtpWebRequest对象 reqFTP = (FtpWebRequest)FtpWebRequest.Create(new Uri(ftpPath)); // 指定执行什么命令 reqFTP.Method = WebRequestMethods.Ftp.DownloadFile; // 指定数据传输类型 reqFTP.UseBinary = true; reqFTP.UsePassive = false; // ftp用户名和密码 //reqFTP.Credentials = new NetworkCredential(); FtpWebResponse response = (FtpWebResponse)reqFTP.GetResponse(); // 把下载的文件写入流 Stream ftpStream = response.GetResponseStream(); // 缓冲大小设置为2kb int bufferSize = 2048; int readCount; byte[] buffer = new byte[bufferSize]; MemoryStream mStream = new MemoryStream(); //每次读文件流的2kb readCount = ftpStream.Read(buffer, 0, bufferSize); while (readCount > 0) { //把内容从文件流写入 //outputStream.Write(buffer, 0, readCount); mStream.Write(buffer, 0, readCount); readCount = ftpStream.Read(buffer, 0, bufferSize); } //关闭两个流和ftp连接 ftpStream.Close(); mStream.Close(); response.Close(); return File(mStream.ToArray(), "image/jpg"); } catch (Exception ex) { byte[] file = new byte[0]; return File(file, "image/jpg"); } }