Question

作为我正在处理的项目的一部分，我们有一个WinForm应用程序，它上面有一个Web浏览器控件。从该控件，我正在调用一个html文件，该文件将位于本地网络上的共享文件夹中。在该文件夹中，还有各种图像，客户可能不时想要切换出来。

一切都很好，但我正在尝试使用html文档，使用一些javascript进行刷新，查看该文件夹，加载所有图像，并使用sliderman.js将这些图像显示为幻灯片。我对javascript并不是很熟悉，但基本上，在伪代码中，这就是我想要实现的目标：

<html>
  <body>
    <script type="text/javascript">
      function PageRefreshTimer(){
      }

      function GetFiles(){
        //gets files from local network location (ie: \\192.168.1.2\sharedfolder)

        for each file in folder {
          //add <img> tag to page for the image
        }
      }
    </script>
  </body>
</html>

到目前为止我所取得的成就是：

<div id="slider_container_3">   

            <div id="SliderName_3" class="SliderName_3">
                <!-- images will be inserted here -->
              <script type="text/javascript">
                window.alert("found script");

                if (window.File && window.FileReader && window.FileList && window.Blob) {
                  //do your stuff!
                } else {
                  alert('The File APIs are not fully supported by your browser.');
                }
              </script>

              <img src="../01.jpg" width="800" height="200" alt="" title="" />
              <img src="../02.jpg" width="800" height="200" alt="" title="" />
            </div>
            <div class="c"></div>

            <script type="text/javascript">
                //scripting for sliderman.js
                demo3Effect1 = {name: 'myEffect31', top: true, move: true, duration: 400};
                demo3Effect2 = {name: 'myEffect32', right: true, move: true, duration: 400};
                demo3Effect3 = {name: 'myEffect33', bottom: true, move: true, duration: 400};
                demo3Effect4 = {name: 'myEffect34', left: true, move: true, duration: 400};
                demo3Effect5 = {name: 'myEffect35', rows: 3, cols: 9, delay: 50, duration: 100, order: 'random', fade: true};
                demo3Effect6 = {name: 'myEffect36', rows: 2, cols: 4, delay: 100, duration: 400, order: 'random', fade: true, chess: true};

                effectsDemo3 = [demo3Effect1,demo3Effect2,demo3Effect3,demo3Effect4,demo3Effect5,demo3Effect6,'blinds'];

                var demoSlider_3 = Sliderman.slider({container: 'SliderName_3', width: 800, height: 200, effects: effectsDemo3, display: {autoplay: 10000}});
            </script>
            <div class="c"></div>

        </div>

如果我已经有标签，它会按照预期运行幻灯片。但是，当它到达检查以查看它是否支持程序类中的API时，它会发送不支持它的消息。这背后的任何推理？

这是因为C＃Web浏览器控件中缺少对API的支持吗？

Answer 1

Internet Explorer 11是第一个支持Files API的版本，但只是部分版本（不支持File构造函数）。您始终可以force the Windows Forms WebBrowser to use the latest IE version，但必须将其安装在客户端的计算机上。

总而言之，我不认为您在使用WebBrowser控件时会有很多运气，因为它依赖于客户端运行的版本。

编辑：即使您的计算机上安装了IE 11，WebBrowser控件也可能使用IE 9之类的旧版本，可以使用Version轻松检查属性。

如果可以强制您的客户端安装IE 11（在检查版本或其他内容后提示安装），那么您可以启用它并使用Files API的部分实现。

C＃Web浏览器支持javascript文件API

1 个答案: