Javascript 在页面上载或公园图像文件上创建虚拟目录

我不知道该怎么说，所以请耐心听我说

我需要在网页上创建一个虚拟目录之类的东西，带有可视边界（文件夹图标或带边界的矩形），这样用户就可以从另一个页面（在iframe中）拖动图像并将其上载/停放在页面上

我这样做的原因是我使用的是Caspio Cloud表单（因此我无法控制图像上传的处理方式-它使用简单的“浏览”功能来浏览硬盘上的文件，并在提交时上传）。您不能从网页中拖动图像并将其“拖放”到浏览字段中。它需要图像是某个位置的完整文件

我尝试重新创建的是如何将一个图像从网站拖放到桌面上，然后将该图像文件拖放到Caspio Browse字段中，然后它按预期方式上载图像（因为此时图像文件是桌面上的常规文件）

我想模仿上面的方法，但不是将图像拖放到桌面，而是将其拖放到Caspio表单所在的同一网页上的虚拟目录（或类似目录）。因此，在放到这个目录时，它需要将完整的图像文件上载到网页（但不是服务器-这只是一个临时场景，当页面刷新时，目录将再次为空）。然后，用户可以将图像拖放到Caspio浏览字段中，就像桌面上的“普通”图像文件一样

因此，要使其正常工作，虚拟目录必须能够作为“正常”位置读取，就像它是硬盘上的文件夹一样——这似乎是Caspio表单提取图像文件的唯一方法

这对于从网页上获取图像并将其放入Caspio浏览/上载字段来说有点笨拙，但这将大大节省用户的时间，因为现在用户必须在某些位置手动“另存为”图像，然后使用Caspio浏览按钮查找图像。这将是“从网页拖放到虚拟目录”，然后是“从虚拟目录拖放到Caspio浏览字段”

---

希望这是有意义的，如果有人有任何建议，将不胜感激。我正在使用基本的html、javascript和css

您是否可以为用户提供输入图像URL的选项？在

标记中使用该URL在页面上创建缩略图，然后将其上载为或？我认为Caspio允许上载的唯一选项是实际图像文件，如jpg或png文件。这就是我试图在网页上的临时目录中“创建”文件的原因。这充其量只是一个解决办法，但如果可行的话，那就太好了。