问题标签 [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 投票
1 回答
365 浏览

javascript - 使用 audio.srcObject 和 MediaStream 播放来自 ajax 调用的音频

我在 php 中实现了一个返回 mp3 数据的 HTTPS 端点。然后,在 javascript 中调用 ajax 后,我通过以下方式播放它:

这似乎有点工作,但我在 Fx 播放错误和一些 Chrome devtools 崩溃中遇到了一些浏览器问题。我认为这些问题可能是基于我对URL.createObject(). 听起来将来这样做的方法将是设置audio.srcObject,但它还没有在 Chrome 中准备好,至少对于Blobs. MediaStreams 受支持,但我找不到MediaStream从请求的响应正文中创建 s 的方法。

所以,我的问题:有没有办法播放我的 mp3 使用audio.srcObject = someMediaStream?还是我需要坚持URL.createObjectURL直到audio.srcObject = new Blob()被支持?这只会在 Chrome 中运行。

0 投票
2 回答
218 浏览

javascript - 从 blob 设置音频元素源

我的页面上有一个音频控件,看起来像:

这有效,mp3 被加载和播放。但是,我需要对 mp3 请求进行更多控制,因此我有一些 javascript 可以获取 mp3,然后尝试设置如下所示的源:

我在其他地方看到过人们这样做的例子,所以我相信它应该有效。我没有收到任何错误,我可以单步执行代码,这样我就可以看到每一行都被击中了。Blob 看起来是正确的,因为它具有正确的类型(音频/mp3)并且大小合适,但音频控件永远无法播放。我错过了什么?

0 投票
1 回答
348 浏览

reactjs - 图片上传预览:window.URL.createObjectURL() 只工作一次

我有一个在 React 应用程序中从头开始构建的图像上传器。图像预览 - 感谢 window.URL.createObjectURL() - 仅在第一次工作。我认为这是因为内存问题,所以我在每次图像更改之前添加了 window.URL.revokeObjectURL() 。它仍然不起作用。

我听说过 MediaSource() api,但我没有找到任何图像示例。这段代码有什么问题?

0 投票
1 回答
89 浏览

jquery - 来自 Flask send_file 的 Zip 文件无效

我对 JS 代码很陌生,只是接手了同事留下的工作。

当 Flask 代码使用 send_file 返回 zip 文件时,JS 端下载似乎无效。其他格式,如文本和 csv 都很好。

服务器代码片段:

下载路径是位于我的服务器上的文件路径

块引用

JS代码如下,目标是用户点击下载按钮并下载文件。

Zip 文件可以下载,但已损坏。我的极限前端调试经验显示 Blob 中的数据看起来很奇怪。感谢任何帮助和建议

在此处输入图像描述

0 投票
0 回答
110 浏览

javascript - 使用对象 URL 获取部分内容 (206)

我有一个 API 可以返回支持部分内容 (206) 的视频流。但是这个 API 需要一些自定义标头,例如身份验证,所以我使用它fetch来获取流并创建对象 URL。

我创建了一个获取请求:

但随后对象 URL 不会将范围请求传输到 API 服务。

如何通过获取和对象 URL 获得部分内容支持?

0 投票
0 回答
228 浏览

javascript - Axios 和 CreateObjectURL:下载 blob 数据的正确方法?我的尝试导致页面重新加载

我有一个带有单击事件处理程序的按钮,单击该处理程序时,将使用 axios 获取驻留在远程服务器上的文件(传递令牌并blob返回 responseType)。我不明白如何Url.createObjectURL与 axios 一起使用。当用户单击该文件的“下载按钮”时,我想要做的是让浏览器下载(或打开?)一个文件。不幸的是,我当前的尝试导致浏览器重新加载页面并在我的单页应用程序#末尾附加一个我认为是散列字符串的内容?

如何正确下载文件?

这是我的尝试:

控制台日志objectURL是: https://lvh.me:8080/e6831f0d-b44f-4c50-b0c7-dc1389ee8cd7#/单击它时,只会导致浏览器重新加载页面并将 附加到#URL 的末尾。

这是 VueJS 模板代码:

感谢您提供有关正确设置方法的任何帮助/说明!

0 投票
0 回答
163 浏览

javascript - URL.createObjectURL 带有“.gif”文件扩展名

我正在使用 gif.js 从图像帧中创建 gif。它创建 gif 并将其显示在浏览器中就好了。问题是如果用户右键单击图像并选择将其保存在本地,则默认情况下没有图像扩展名并且文件名为“未知”。要让它在他们的计算机上成为合法的 GIF,他们必须手动添加文件扩展名。当用户选择保存图像时,我如何拥有文件扩展名?

0 投票
2 回答
16627 浏览

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

我正在尝试在我的 React 应用程序中使用文件上传功能,但遇到了问题。当我尝试上传第一张图片时,它工作得很好。文件资源管理器对话框关闭并显示我的图片。用我的文件资源管理器中的另一张图片覆盖图片也可以。

但是,当我在覆盖时取消文件资源管理器时,出现以下错误:

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

这是我的相关代码:

0 投票
1 回答
105 浏览

javascript - JavaScript - 检查是否使用了对象 URL

我可以像这样创建一个对象 URL:

我可以像这样撤销对象 URL:

但我想做的是在使用一次后自动撤销 URL。

有没有办法检查对象 URL 是否已被访问?

先感谢您。

编辑:

在这种情况下,我不能只在使用 URL 时触发一个函数。相反,我希望能够检查它是否已在页面之外使用。一个例子是,如果有人在地址栏中键入 URL,这不能调用 javascript AFAIK。

0 投票
0 回答
63 浏览

createobjecturl - Uncaught TypeError: window.URL.createObjectUrl is not a function at MediaRecorder.recorder.ondataavailable

我正在尝试使用 javascript 录制语音,这是一种简单的方法,但每次我得到 Uncaught TypeError: window.URL.createObjectUrl is not a function at MediaRecorder.recorder.ondataavailable

这是我的代码