blob 相关问题

我正在使用 Typescript 开发 Sveltekit 应用程序，并希望在自定义图像组件中使用工作人员 R2 API 显示来自 R2 的图像。以下是.svelte代码 我正在使用 Typescript 开发 Sveltekit 应用程序，并希望在自定义图像组件中使用工作人员 R2 API 显示来自 R2 的图像。 以下是.svelte代码 <pre><code><script lang="ts"> import { onMount } from 'svelte'; export let filename: string; let srcName; let imageBlob: Blob; onMount(async () => { const response = await fetch('..<path to api>/api/gallery/media?filename=' + filename, { method: 'GET', }); let responseJson = await response.json(); console.log(responseJson); let img = new TextEncoder().encode(responseJson); imageBlob = new Blob([img.buffer]); srcName = URL.createObjectURL(imageBlob); }); </script> <img src={srcName} alt="test" /> </code></pre> API代码 <pre><code>import { json } from "@sveltejs/kit"; import { CPInformation } from "$cplib/stores"; let cpInformation: any; CPInformation.subscribe(value => cpInformation = value); export async function GET({ url, platform }) { let filename = url.searchParams.get("filename"); let imageFile = await platform.env.BK_COCKPIT.get(cpInformation.site_url + "/" + filename); let bod = await imageFile.body; //let imgBody = await imageFile.arrayBuffer(); return json(bod) }; </code></pre> <h3>已尝试的步骤</h3> 获取对象作为arrayBuffer。 1. <ul> <li>使用 API 中的 `new TextDecoder().decode(<object>) 转换为字符串并传递到 svelte 文件</li> <li>将接收到的字符串编码到 arrayBuffer 后，在 svelte 文件上创建 blob</li> <li>从 blob 创建ObjectURL</li> </ul> 结果 - blob 始终为空 2. <ul> <li>从上面的 blob 中创建一个文件读取器</li> <li>这将生成base64 URL</li> <li>链接到img的src</li> </ul> 结果 - 尽管在构造 blob 时声明了 {type: "image/jpeg"}，base64 图像仍属于 mime 类型 image/octet 或 application/octet。 </question> <answer tick="false" vote="0"> 将 API 响应更改为 <pre><code>return new Response(bod, { headers: { 'content-type': imageFile.customMetadata['content-type'], } }) </code></pre> 并在 svelte 组件中，将图像显示为 <pre><code>let responseJson = await response.blob(); srcName = URL.createObjectURL(responseJson); </code></pre> </answer> </body></html>

typescript blob svelte imagedownload cloudflare-r2

回答 0 投票 0

如何在 Python 中使用 Selenium 从 Blob URL 下载 CSV 文件？

我正在尝试使用 Selenium 和 Python 自动从动态网站上的 Blob URL 下载 CSV 文件。通过单击按钮触发 CSV 下载，但单击按钮会生成

python selenium-webdriver selenium-chromedriver blob

回答 1 投票 0

如何阻止在新选项卡中打开视频 blob 网址？

我创建了一个带有 HTML5 视频播放器和 blob url 的页面，并且阻止了对下载按钮的访问，一切正常，但当我通过查看代码检索 blob url 时遇到问题...

javascript url tabs blob block

回答 2 投票 0

在 Oracle 19c 中更新长度为 80,000 个字符的数据的 BLOB 列

我们需要更新启用的 BLOB 列（存储 JSON 数据并具有 JSON 约束）。问题在于 BLOB 数据需要更新的数据长度。这是...