是否可以实现拖动和放大将文件上传到托管在其他域上的iframe?

时间:2018-06-04 18:45:24

标签: javascript iframe cross-domain

我有一个需要实施拖放的用例。在不同域上托管的帧之间删除文件上传。

主应用程序向用户显示图像列表(常规<img>标签),用户应该能够拖动&amp;将这些图像拖放到同一页面上的iframe内的文件上载窗口小部件中。 iframe托管在不同的域上,因为它是我们许可的单独应用程序。

我们可能会将有限的代码添加到iframe应用程序以支持我们的用例。

我已经在同一个域(父网页foo.test.local/parent.html,iframe网页foo.test.local/iframe.html)上运行此功能,但只要我将iframe src更改为foo2.test.local/iframe.html ,iframe的dragenterdragoverdrop事件不再被调用。

我实施中最接近的是创建一个&#39;叠加层&#39;我的父页面中的div,位于上传小部件的上方并接受拖动事件。然后,这些事件通过postMessage传播到iframe,并在iframe中以编程方式执行。这是有效的,但并不理想,并且当上传小部件时会有点头疼。定位变化(它将是动态的)。

是否有更好的方法来实现此功能?

0 个答案:

没有答案