问题标签 [createobjecturl]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
120 浏览

reactjs - 无法在“URL”上执行“createObjectURL”:重载解析失败

我想在我的网站上添加图片上传功能。如果图片已上传,我希望它显示在 IMG 标签中,否则显示用户名的第一个字母。因此,为了检查图像是否已上传,我在我的 firestore 中创建了一个名为userImageUpload的字段。我将 Firestore 详细信息存储在状态userDetails中,如果我调用userDetails.data()我将获得用户文档的字段。

要检查图像是否上传,我添加了以下代码:

但我收到错误消息: TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed

0 投票
0 回答
50 浏览

javascript - 使用 API 的数组缓冲区响应生成 PDF 文档的替代方法

在 Angular 8 中,调用下面的代码来获取数组缓冲区中的 PDF 内容并使用它生成文档。

但我需要的更改是 - 文件应该在浏览器的另一个选项卡中打开(这已经在工作)并且点击downloadPDF 内的图标,它应该使用原始文件名下载(下载但使用一些随机文件名)。

在另一个选项卡中生成此 PDF 时如何设置文件名。我不能使用锚标记,因为 API 会检查每个请求的Auth 标头。因此 API 请求获取数组缓冲区中的文档内容。

0 投票
1 回答
844 浏览

canvas - 在 Safari 中将 Blob 加载到 img 时出错(WebKitBlobResource 错误 1。)

我正在尝试将 blob 保存到 localforage,然后检索它并显示它。它可以正常工作一段时间,但是在几次页面刷新或浏览器关闭后,我在某些 blob 上出现错误。完整的错误如下:

这是我的其余代码。将项目保存到 localforage:

从 localforage 加载项目:

将 blob 添加到图像源:

这似乎是 Safari 特定的问题,因为我无法在 Chrome 中复制它。

0 投票
0 回答
277 浏览

javascript - 无法在“URL”上执行“createObjectURL”

嘿,伙计们,希望你们一切都好。我是 react js 的新手,我在修复这个错误时遇到了一些困难。TypeError:无法在“URL”上执行“createObjectURL”:重载解析失败。我会告诉你我的代码。我希望有人可以帮我解决它。先感谢您

这是我正在使用的方法:

当我把这样的方法:

所以结果将是: 在此处输入图像描述

0 投票
1 回答
486 浏览

iframe - 为什么我不能跨站点和跨框架获取对象 URL(又名“blob URL”)?

我正在开发一个 iframeable 组件,现在偶然发现了一些看起来像安全问题的东西。

我有两个网站:

  • 站点 A,运行在 http://localhost:3002
  • 站点 B,运行在 http://localhost:3000

站点 A 将站点 B 嵌入到 IFrame 中。站点 B 需要使用数据,这应该由站点 A 提供。但是,现在站点 B 仅通过 URL 接受数据,并且由于原始 URL 可能需要身份验证,因此站点 A 获取数据,并将其转换为对象 URL (与URL.createObjectURL),然后通过 提供给站点postMessageB。站点 B 现在应该从该 URL 获取数据并使用它。

但是,站点 B 获取对象 URL 被浏览器阻止:

  • 铬合金:Not allowed to load local resource: blob:http://localhost:3002/<UUID>
  • 火狐:Security Error: Content at http://localhost:3000/... may not load data from blob:http://localhost:3002/<UUID>

据我所知,这些消息未连接到 CSP 或 CORS。但是,我无法理解问题是什么以及它是否可以修复——我一直认为对象 URL 目前没有任何跨站点问题,这正是使用它的原因。

那么为什么会发生这种情况,我能做些什么呢?

0 投票
1 回答
51 浏览

javascript - 通过 URL API 通过 blob 文件呈现视频时出错

我无法使用 js 代码在我的屏幕上呈现网络摄像头视频每当我运行代码 video.play() 时,它都会向我显示该元素没有任何浏览器支持的来源有人可以帮助我吗?

0 投票
0 回答
59 浏览

css - URL.createObjectURL(blob) - 图像 src 未显示图像

我已收到该blob对象作为响应,它使用URL.createObjectURL(blob).

<image src="blob:http://localhost/someblobhax: />.

不幸的是,图像没有在 UI 中显示/渲染。你能建议适当的语法吗?

0 投票
2 回答
68 浏览

reactjs - 如何在音频 src 中使用对象 url

我正在制作一个音频播放器

标签。

当我得到音频文件时,它是一个二进制文件(blob如下),所以我用它创建了一个 blob。

然后创建了一个对象 url

objUrl看起来像blob:https://xxxxx,当我将此字符串传递给 时<audio src={objUrl}/>,我什么也听不到。

我想知道是否必须转换此 url 以使其在音频标签中可用。

请问我可以就这个问题得到建议吗?

0 投票
1 回答
53 浏览

javascript - JavaScript屏幕记录正在视频标签中播放,但下载后没有

我正在使用 JavaScript 记录用户屏幕,然后在页面的视频标签中播放并下载它。现在它可以正常播放浏览器视频标签,但下载后无法播放

这是我的代码

0 投票
1 回答
35 浏览

javascript - 无法获取 URL.createObjectURL 中的数据

我只是好奇如何将数据包装在URL.createObjectURL.

所以我写了下面的代码。

blob 或 ab 22 的大小等于 的长度"https://www.baidu.com/",但其中的数据全为零。