我有一个需要实施拖放的用例。在不同域上托管的帧之间删除文件上传。
主应用程序向用户显示图像列表(常规<img>
标签),用户应该能够拖动&amp;将这些图像拖放到同一页面上的iframe内的文件上载窗口小部件中。 iframe托管在不同的域上,因为它是我们许可的单独应用程序。
我们可能会将有限的代码添加到iframe应用程序以支持我们的用例。
我已经在同一个域(父网页foo.test.local/parent.html
,iframe网页foo.test.local/iframe.html
)上运行此功能,但只要我将iframe src
更改为foo2.test.local/iframe.html
,iframe的dragenter
,dragover
和drop
事件不再被调用。
我实施中最接近的是创建一个&#39;叠加层&#39;我的父页面中的div,位于上传小部件的上方并接受拖动事件。然后,这些事件通过postMessage
传播到iframe,并在iframe中以编程方式执行。这是有效的,但并不理想,并且当上传小部件时会有点头疼。定位变化(它将是动态的)。
是否有更好的方法来实现此功能?