【问题标题】:How to load file from url JavaScript & php如何从 url JavaScript & php 加载文件
【发布时间】:2018-07-03 12:30:58
【问题描述】:

在我的应用程序中,我加载文件并将其传递给 JavaScript:

<input type="file" multiple onchange="mixer.photo.readfiles(this.files)" />

然后,JavaScript 使用文件对象,我在 JavaScript 中做一些事情。

我的问题是我也想从 URL 参数(图像的 url)做同样的事情: 假设人们使用 url https://mywebsite.com?img=imgurl.png 访问我的网站 我想处理这个 imgurl.png,并将其加载到我的 javascript 中,就像我加载来自“输入类型 = 文件”的文件一样

然后,当人们使用带参数的 url 到达我的页面时,他们将不需要使用

【问题讨论】:

  • if(isset($_GET['img'])){echo $_GET['img']; }else{ echo "this.files";} 你在找这样的东西吗?
  • this 有帮助吗?
  • 谢谢,但不是这样:我需要从图像创建一个 File 对象,并将其作为 javascript 对象发送到 javascript(新 File() 格式)

标签: javascript php file


【解决方案1】:

出于安全原因,浏览器不允许您读取用户未明确选择的本地文件(使用输入文件类型或拖放)。

如果不是这样,恶意网站可能会生成一个带有参数的链接,该链接指向用户系统上的敏感文件,他们可以在用户不知情的情况下读取并上传到服务器,这是一个严重的安全漏洞。

文件对象可以从作为用户使用元素选择文件的结果返回的 FileList 对象、拖放操作的 DataTransfer 对象或 HTMLCanvasElement 上的 mozGetAsFile() API 获取。

来源:File Reader

使用在 HTML5 中添加到 DOM 的 File API,现在 Web 内容可以要求用户选择本地文件,然后读取这些文件的内容。此选择可以通过使用 HTML 元素或拖放来完成。

来源:Using files from web applications

【讨论】:

  • 我明白了;所以我会尝试另一种方式
猜你喜欢
  • 2020-10-24
  • 1970-01-01
  • 2016-02-24
  • 2016-10-05
  • 1970-01-01
  • 2021-03-06
  • 1970-01-01
  • 2023-03-18
  • 1970-01-01
相关资源
最近更新 更多