时间戳

首页 > 解决方案 > 访问拖到我的网页上的第三方 URL

javascript - 访问拖到我的网页上的第三方 URL

问题描述

我正在开发一个单页 Web 应用程序。此 Web 应用程序由example.org上的 Web 服务器提供的静态文件组成。特别要注意的是，example.org上的 Web 服务器不能执行除了提供这些静态文件之外的任何任务。

此 Web 应用程序包含一个 HTML <input type="file">。如果用户选择图像或 PDF 文件，Web 应用程序会对文件执行某些分析操作并提供结果。

在这里，我面临着令人讨厌的 UX 限制。我的用户经常对从第三方收到的文件进行分析，通常是通过 Discord。已要求将文件附件或图像从 Discord 消息拖到 Web 应用程序上应该执行分析。

向应用程序添加一个简单的drop处理程序只会接收到 Discord 附件的 URL，格式为https://cdn.discordapp.com/attachments/identifier>/<filename>。由于这是第三方资源，我无法以编程方式从中检索和检查数据。（Discord CDN 没有设置Access-Control-Allow-Origin。）

所有操作都必须在客户端 JavaScript 中执行。比如说，让example.org Web 服务器为我请求 URL 是不可能的。我有什么方法可以分析这个用户丢弃的文件（URL）的内容吗？

标签： javascriptbrowserdiscorddrag-and-dropstatic-files

解决方案

推荐阅读