blob 相关问题

BLOB是在数据库管理系统中作为单个实体存储的二进制数据的集合。

是否可以使用sqldeveloper插入oracle中的BLOB列？即类似：插入 mytable(id, myblob) 值 (1,'这里有一些魔法');

oracle blob oracle-sqldeveloper

回答 4 投票 0

以下代码适用于 Chrome (22.0)，但不适用于 Safari (6.0) 函数 onGo(e) { var fr = new FileReader(); var 文件 = 文档。</desc> <question vote="19"> 以下代码适用于 Chrome (22.0)，但不适用于 Safari (6.0) <pre><code><!DOCTYPE html> <html> <head> <script> function onGo(e) { var fr = new FileReader(); var file = document.getElementById("file").files[0]; fr.onload = function(e) { var data = new Uint8Array(e.target.result); var blob = new Blob([data], {type: 'audio/mpeg'}); var audio = document.createElement('audio'); audio.addEventListener('loadeddata', function(e) { audio.play(); }, false); audio.addEventListener('error', function(e) { console.log('error!', e); }, false); audio.src = webkitURL.createObjectURL(blob); }; fr.readAsArrayBuffer(file); } </script> </head> <body> <input type="file" id="file" name="file" /> <input type="submit" id="go" onclick="onGo()" value="Go" /> </body> </html> </code></pre> 在 Safari 中，不会调用任何回调（loadeddata 或 error）。使用的内容是mp3文件，通常使用音频标签进行播放。 Safari 需要什么特别照顾吗？ </question> <answer tick="false" vote="17"> 很多年后，我相信OP中的例子应该可以正常工作。只要您在创建 blob 时以某种方式设置 mime 类型，就像上面的 OP 使用传入选项的 type 属性所做的那样： <pre><code>new Blob([data], {type: 'audio/mpeg'}); </code></pre> 您还可以在音频元素内部使用 <pre><code><source></code></pre> 元素，并设置 <pre><code>type</code></pre> 元素的 <pre><code><source></code></pre> 属性。我这里有一个例子： <a href="https://lastmjs.github.io/safari-object-url-test" rel="noreferrer">https://lastmjs.github.io/safari-object-url-test</a> 这是代码： <pre><code>const response = await window.fetch('https://upload.wikimedia.org/wikipedia/commons/transcoded/a/ab/Alexander_Graham_Bell%27s_Voice.ogg/Alexander_Graham_Bell%27s_Voice.ogg.mp3'); const audioArrayBuffer = await response.arrayBuffer(); const audioBlob = new Blob([audioArrayBuffer]); const audioObjectURL = window.URL.createObjectURL(audioBlob); const audioElement = document.createElement('audio'); audioElement.setAttribute('controls', true); document.body.appendChild(audioElement); const sourceElement = document.createElement('source'); audioElement.appendChild(sourceElement); sourceElement.src = audioObjectURL; sourceElement.type = 'audio/mp3'; </code></pre> 我更喜欢在创建 blob 时设置它的 mime 类型。 <pre><code><source></code></pre> 元素 <pre><code>src</code></pre> 属性/属性无法动态更新。 </answer> <answer tick="false" vote="5"> 我有同样的问题，我已经花了几天时间来解决这个问题。正如 pwray 在另一篇文章中提到的，Safari 需要媒体请求的文件扩展名： <a href="https://stackoverflow.com/questions/4201576/html5-audio-files-fail-to-load-in-safari#">HTML5 音频文件无法在 Safari 中加载</a> 我尝试将我的 blob 保存到一个文件中，将其命名为 file.mp3，Safari 能够以这种方式加载音频，但在我将文件重命名为没有扩展名（只是“文件”）后，它无法加载。当我在 Safari 的另一个选项卡中尝试从 blob 创建的 url 时： <pre><code>url = webkitURL.createObjectURL(blob); </code></pre> 它立即下载一个名为“未知”的文件，但是当我在 Chrome（也在 Mac 上）中尝试相同的操作时，它在浏览器中显示了该文件的内容（mp3 文件以 ID3 开头，然后是一堆非可读字符）。我还不知道如何强制由 blob 组成的 url 具有扩展名，因为通常它看起来像这样： <pre><code>blob:https://example.com/a7e38943-559c-43ea-b6dd-6820b70ca1e2 </code></pre> 所以它的结尾看起来像一个会话变量。 这就是我陷入困境的地方，我真的很希望看到这里一些聪明人的解决方案。谢谢，史蒂文 </answer> <answer tick="false" vote="0"> 有时，HTML5 音频可能会在没有任何明显原因的情况下停止加载。如果您查看媒体事件 (<a href="http://www.w3schools.com/tags/ref_eventattributes.asp" rel="nofollow">http://www.w3schools.com/tags/ref_eventattributes.asp</a>)，您将看到一个名为：“onStalled”的事件，定义是“要运行的脚本”当浏览器因某种原因无法获取媒体数据时”，看起来它应该对您有帮助。 尝试监听该事件并在必要时重新加载文件，如下所示： <pre><code>audio.addEventListener('onstalled', function(e) { audio.load(); }, false); </code></pre> 希望对你有帮助！ </answer> <answer tick="false" vote="0"> 只需在音频中使用源标签即可。 <pre><code><audio controls> <source src="blob" type="blobType"> </audio> </code></pre> </answer> <answer tick="false" vote="0"> 这对我有用，Safari 和 chrome。 <pre><code> function getBlob(url: string): Promise<Blob> { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.responseType = 'blob'; xhr.overrideMimeType('audio/mp3'); xhr.onload = (event) => { var blob = xhr.response; resolve(blob); }; xhr.onerror = (event) => { reject(event); }; xhr.open('GET', url); xhr.send(); }); } </code></pre> 函数获取blob，safari的技巧是覆盖请求中的文件类型，xhr.overrideMimeType('audio/mp3'); 然后将其与您要播放的 URL 音频以异步方式调用 <pre><code>const blob = await this.getBlob(url); const source = URL.createObjectURL(blob); const audio = new Audio(source); audio.load(); audio.play(); </code></pre> </answer> </body></html>

safari blob html5-audio

回答 0 投票 0

Reactjs/Nodejs/Mongodb：Blob url 在 img src 中不起作用

当我尝试在前端显示图像时出现此错误在我的 meern stack 项目中，我允许用户上传多个图像并使用 blob 创建上传图像的 URL。

reactjs image blob src

回答 1 投票 0

是否可以在 GitHub Markdown 中嵌入 Blob URL 图像？

我想在我的 GitHub README.md 文件中嵌入 Blob URL 图像。当我尝试 ![image](blob:https://{...}) 时，它失败了。是否可以将此格式嵌入到 Markdown 文件中？

image github markdown blob

回答 1 投票 0

存储长二进制（原始数据）字符串

我们正在捕获一个大小可变（从 100k 到 800k）的原始二进制字符串，我们希望存储这些单独的字符串。它们不需要被索引（废话）并且不会有任何疑问...