Question

我可以将我的Filestack Filepicker加载到一个简单的HTMl文档中，但是当我将确切的代码移到Filemaker Webviewer中时，它不起作用。从我阅读的所有内容中，这应该可以在Filemaker Webviewer中实现。我想念什么？

我相信我在这里尝试了所有显而易见的事情。

这是我的简单代码（我删除了我的API密钥-但同样可以很好地用作Chrome中的html文档）。

有效的HTML：

<html>
  <head>
   <script src="https://static.filestackapi.com/filestack-js/3.x.x/filestack.min.js" crossorigin="anonymous"></script>
  </head>
  <body>
      <script>
         const client = filestack.init('APIKEYWASHERE');
         client.picker().open();
      </script>
  </body>
</html>

这是我的FMP Webviewer代码：

    Let( [  

    html = "
      <html>
        <head>
          <script  type='text/javascript' src=\"https://static.filestackapi.com/filestack-js/3.x.x/filestack.min.js\" crossorigin=\"anonymous\"></script>
        </head>
        <body>
            <script type='text/javascript' >
               const client = filestack.init('APIKEYWASHERE');
               client.picker().open();
            </script>
        </body>
    </html>"

    ]; "data:text/html," & html)

只是显示为一个完全空白的窗口。

Answer 1

经过一番深入的挖掘和朋友的咨询后，我解决了这个问题。需要一个polyfill，我发现其中的几个无效，直到最终代码中的那个才起作用。在调用加载Filepicker JS之前，我还需要进行这些加载。底线-IE11不是您的朋友。这是在IE中工作的代码...

<html>
  <head>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>
   <script src="https://static.filestackapi.com/filestack-js/3.x.x/filestack.min.js" crossorigin="anonymous"></script>
  </head>
  <body>
      <script>
         const client = filestack.init('my API KEY');
         client.picker().open();
      </script>
  </body>
 </html>```

无法在Filemaker Pro Webviewer中加载Javascript Filepicker

1 个答案: