【问题标题】:filepicker.io widget not visible on chrome & IEfilepicker.io 小部件在 chrome 和 IE 上不可见
【发布时间】:2012-10-06 13:20:06
【问题描述】:

我正在尝试使用 filepicker.io 从用户网络摄像头录制视频并将其存储在我的 Amazon S3 存储桶中。

我在这里卡住了。下面的代码在 Firefox 中可以正常工作,但在 chrome 和 IE 上却不行。 abc iframe src 不是由 filepicker api 设置的,所以内容保持空白。我验证了 chrome 上启用了第 3 部分 cookie。任何帮助将不胜感激。

<html>
<head><title>Test</title></head>
<body>
<iframe id="abc" name="abc" height="500" width="500" frameborder="0"> abc </iframe>
<script src="https://api.filepicker.io/v0/filepicker.js"></script>
<script type="text/javascript"> 
filepicker.setKey("AeE9yA21xTpiOQ3JQm938z");
 // alert('before');
    filepicker.getFile(filepicker.MIMETYPES.ALL, {
    'multiple': false, 'container': 'abc',
    'services':[filepicker.SERVICES.VIDEO]
     }, function(response){
          alert(JSON.stringify(response));
     });
//  alert('end');
</script>
</body>
</html>

【问题讨论】:

  • 除了网络摄像头视频之外,您是否尝试过添加其他来源?我知道您只想要网络摄像头,但我很想看看是否有任何变化。我可以让它在 chrome 中工作:jsfiddle.net/Gy7nr
  • 嗨,布雷特,感谢您的回复。我尝试了 3 项服务。 filepicker.SERVICES.VIDEO,filepicker.SERVICES.COMPUTER,filepicker.SERVICES.FACEBOOK。仍然没有运气。这在 Firefox 上运行良好。 chrome上的jsfiddle也正确显示了这一点。由于某种原因,chrome 和 IE 没有显示这个。
  • Reasearch :我还使用firebug从firefox中提取了由filepicker代码动态分配的iframe src,并强制分配给iframe src以检查chrome是否能够显示小部件。[filepicker.io/dialog/open/?m=*%2F* &key=AeE9yA21xTpiOQ3JQm938z&id=1349789071455&referrer=&iframe=true&s=13,1,3]。这在 chrome 和 IE 上运行良好。因此,在 chrome 上,iframe 的 src 从未设置过[至少使用我的配置。]
  • 研究:我把代码放在了这个页面的主更新中,请尝试在最新版本的chrome [22.0.1229.79 m]上打开它。 interviewcup.com/test.php.

标签: javascript iframe filepicker.io


【解决方案1】:

看起来 iframe 尚未包含在 DOM 中。当我将 javascript 代码放在 jquery 的 onReady 调用中时,它对我有用:

http://www.filepicker.io/api/file/4wW3A6BwQYaPDNBENcau?dl=false

【讨论】:

  • 太棒了!!这工作正常。我正在使用 onReady 调用方法。感谢您的帮助布雷特!
猜你喜欢
  • 1970-01-01
  • 2016-02-07
  • 2018-07-24
  • 1970-01-01
  • 1970-01-01
  • 2023-03-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多