我正在努力使用 JavaScript 在我的 HTML 页面上显示来自 Google Drive 的图像。遵循在线指南并没有完全解决我的问题。 HTML（索引.html）：我正在努力使用 JavaScript 在我的 HTML 页面上显示来自 Google 云端硬盘的图像。遵循在线指南并没有完全解决我的问题。 HTML（index.html）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Google Drive Image</title> </head> <body> <img id="imageElement" alt="A lovely image"> <script src="script.js"></script> </body> </html> JavaScript（script.js）： const fileId = '1BEW9tkgVKlp_ebUc17LkXDH-mnPc4ome'; const imageElement = document.getElementById('imageElement'); async function fetchGoogleDriveImage(fileId) { try { const response = await fetch(`https://drive.google.com/uc?id=${fileId}`); const url = URL.createObjectURL(await response.blob()); imageElement.src = url; } catch (error) { console.error('Error fetching the image:', error); } } fetchGoogleDriveImage(fileId); 背景： Google 云端硬盘中的图像设置为“知道链接的任何人都可以查看。” 尽管如此，图像仍无法在浏览器中加载，并且控制台显示错误。附加HTML（纯html）： <body> <img src="https://drive.google.com/uc?id=1BEW9tkgVKlp_ebUc17LkXDH-mnPc4ome" alt="Your Image Alt Text"> </body> CodePen 示例如有任何帮助，我们将不胜感激！谢谢。虽然没有在任何地方发布（我发现），但 Google Drive 的服务器已开始拒绝附加这两个标头的请求： sec-fetch-mode: no-cors sec-fetch-site: cross-site 如果您将浏览器直接导航到文件的（直接链接）URL（即获取您的src URL并将其粘贴到浏览器导航栏中），但该请求期间的sec-fetch-mode标头将是设置为 navigate 并且效果很好。但是，与您的 <img> 示例一样，如果请求源是网页，并且与 drive.google.com 来源不同，就会出现问题。（您的浏览器将自动将这些 sec-fetch-mode 和 sec-fetch-site 标头设置为请求的一部分。）这似乎是 Google Drive 自 2024 年 1 月 10 日开始的一项未记录的更改，我仍然找不到任何提及它的地方，因此尚不清楚此行为是否会持续存在，或者是否反映了意外更改或疏忽。我也有同样的问题。临时解决办法是使用大宽度的驱动器文件缩略图您正在此处执行所有操作，看来问题出在 Google 端，并于今天开始发生（撰写本文时为 2024 年 1 月 11 日）。 Google 可能会解决此问题并允许直接图像嵌入，或者他们可能会继续阻止它，这意味着您必须找到另一种方式来托管网站图像，例如 S3。（可能）此处跟踪错误：https://issuetracker.google.com/issues/319531488?pli=1 我开始在 HTML 中链接 css 文件时遇到同样的问题。

cakephp 4 从 3.9 迁移到 4 后出现路径错误

我按照步骤将 CakePHP 3.9 迁移到 4，前端工作正常，但管理不正常，这意味着我有一个 /site 路径和一个 /site/admin，在检查日志后我意识到

在 cygwin 中构建 binutils 时出现“make”命令错误

我使用 cygwin 为我的平台构建 binutils。我遵循 GCC 交叉编译器文章并堆栈了“make”命令。我使用的命令：导出 PREFIX="$HOME/opt/cross" ../比努...

Snowflake SQL 中 T-SQL CROSS APPLY 的等效项

我有一个包含 4 列的表格：状态、笔、铅笔、纸，最后 3 列显示二进制值（1 或 0）。国家笔铅笔纸纽约 1 0 1 CA 1 1 1 德克萨斯州...

Librosa 抛出 ValueError

x_val, s_rate = librosa.load(文件名, sr=采样率) 文件“/python3.6/site-packages/librosa/core/audio.py”，第 140 行，位于加载 y = sf_desc.read(frames=frame_duration, dtype=dtype,

502 由协议 >= 3.19.0

023-06-25 07:18:17 默认[20230625t071600]回溯（最近一次调用）：文件“/layers/google.python.pip/pip/lib/python3.8/site-packages/gunicorn/ arbiter.py”，第 589 行，位于

Jupyter 回溯（最近一次调用最后一次）

回溯（最近一次调用最后一次）：文件“C:\用户 ohzr naconda3\Lib\site-packages otebook Raittypes.py”，第 235 行，在 _resolve_classes 中 klass = self._resolve_string(klass) ^^^^^^^^^^^^^...

GraphQL API 错误 - 不可哈希类型：“StrawberryAnnotation” - 五十一个应用程序

文件“c：\ Users idan \ AppData \ Local \ Programs \ Python \ Python311 \ Lib \ site-packages \ graphql xecution xecute.py”，第1036行，在await_result中返回 build_response（等待结果，错误）#...

CryptographyDeprecationWarning：Python 核心团队不再支持 Python 3.6

我将系统从 python 2 升级到了 python 3，现在当我运行代码时：从 cryptography.hazmat.backends 导入 default_backend 我收到这个错误 /usr/local/lib/python3.6/site-packages/

Demandware - 未找到当前域的管道

我已经做好了管道。效果很好。突然它给出了类似的错误 2015-12-18 02:39:08.091 GMT] 错误 system.core ISH-CORE-2368 Sites-SiteGenesis-Site core Storefront [uuid] [request-id...

如何在 Windows 64 位上使用 Anaconda 安装 ImageMagick？

我下载了适用于 Windows 64 位的 ImageMagick 文件 ImageMagick-7.0.4-4-Q16-x64-dll.exe （链接）并安装了它。我正在使用 Anaconda，但出现以下错误： C:\Anaconda2\lib\site-packages\

usercustomize.py 自动运行但不存储变量和函数

我已按照本主题中的说明进行操作：有没有办法让python启动时始终执行脚本？（类似 R 中的 site.profile） python3 -m site 的部分输出： USER_SITE：'/home/<

GET /sites/{site-id}/drive/root:/{item-path} 停止工作

我正在使用 API 调用在我们的一个 SharePoint 网站中查找文件，我创建的流程直到本周星期一都运行良好。 API 返回“itemNotFound”错误。我不知道

apache 直通问题（尝试“重定向”而不重定向）

我正在使用 Apache 服务器。我想在访问 site.com/{URI} 时显示 site.com/site/{URI} 的内容，但我不想要任何重定向。我也无权访问配置文件，只能访问 .hta...

在闪存驱动器中写入文件（仅限Android）

是否可以使用flutter将文件保存到闪存驱动器？我正在使用带有 USB c 端口的随身碟，如下所示： https://www.bestbuy.com/site/sandisk-ultra-dual-drive-go-1tb-usb-type-a-usb-type-c-flash-

如何在不破坏 Python 中子模块导入的情况下覆盖包的 __init__.py？

我正在开发一个项目，我需要覆盖位于 ./lib/python3.9/site-packages" 目录中的文件。我有以下钩子，它使用 importlib.util 和 sys.meta 来完成此操作...

Apple App Site Association 与角度路线冲突

有人可以阐明如何设置 iOs 应用程序链接以用于 Angular 吗？基本上我想在发送给用户的邮件中添加一个链接，然后在安装了该应用程序后打开该应用程序。我在 src/.w...

如何使用 XML 查询功能从 XML 节点查询值

我有以下 XML 数据：声明@x XML 设置@x=' 订购我有以下 XML 数据： DECLARE @x XML SET @x='<Orders> <HeadingSection> <DocumentNameCode>Order</DocumentNameCode> <DetailSection> <LineItem LineItemNumber="10"> <ItemId>123456789</ItemId> <ItemTypeId>EN</ItemTypeId> <AdditionalProductId Qualifier="ProductId"> <Item> <ItemId>ABC</ItemId> <TypeId>SA</TypeId> </Item> </AdditionalProductId> <AdditionalProductId Qualifier="ProductId"> <Item> <ItemId>XYZ</ItemId> <TypeId>IN</TypeId> </Item> </AdditionalProductId> </LineItem> </DetailSection> <SummarySection/> </HeadingSection> </Orders>' 我已经使用了以下T-Sql脚本（必须有光标） DECLARE @xmlQuittungPOS XML DECLARE quittungCurPOS CURSOR FOR SELECT QuittungXMLPOS = T.X.query('.') FROM @x.nodes('/Orders/HeadingSection/DetailSection/LineItem') AS T(X) OPEN quittungCurPOS FETCH NEXT FROM quittungCurPOS INTO @xmlQuittungPOS WHILE @@FETCH_STATUS = 0 BEGIN INSERT INTO dbo.tempPOS ( GTIN ,edi_PIA_SA ,edi_PIA_IN ) SELECT GTIN = T.X.query('/LineItem[ItemTypeId = "BP"]').value('(/LineItem/ItemId)[1]','VARCHAR(100)') -- funktioniert / works ,edi_PIA_SA = T.X.query('/LineItem/AdditionalProductId/Item[TypeId = "SA"]').value('(/LineItem/AdditionalProductId/Item/ItemId)[1]','VARCHAR(255)') -- funktioniert nicht / doesn't work ,edi_PIA_IN = T.X.query('/LineItem/AdditionalProductId/Item[TypeId = "IN"]').value('(/LineItem/AdditionalProductId/Item/ItemId)[1]','VARCHAR(255)') -- funktioniert nicht / doesn't work FROM @xmlQuittungPOS.nodes('/LineItem') AS T(X) FETCH NEXT FROM quittungCurPOS INTO @xmlQuittungPOS END CLOSE quittungCurPOS DEALLOCATE quittungCurPOS 1.) GTIN -> 查询有效 2.) PIA_SA 和 PIA_IN -> 查询不起作用问题：我认为这是因为 '/LineItem/AdditionalProductId/Item[TypeId = "SA"]' 位于附加节点中。问题：如何获取中TypeId“SA”和“IN”的值 <AdditionalProductId Qualifier="ProductId"> <Item> <ItemId>**ABC**</ItemId> <TypeId>SA</TypeId> </Item> </AdditionalProductId> <AdditionalProductId Qualifier="ProductId"> <Item> <ItemId>**XYZ**</ItemId> <TypeId>IN</TypeId> </Item> </AdditionalProductId> with .value('(/LineItem/AdditionalProductId/Item/ItemId)[1]','VARCHAR(255)') ！处于 1 级！ -- 我知道。级别 1 上的 SA -> .value('(/LineItem/AdditionalProductId/Item/ItemId)[1]','VARCHAR(255)') 级别 2 上的 SA -> .value('(/LineItem/AdditionalProductId/Item/ItemId)[2]','VARCHAR(255)') 但我现在需要查询类型谢谢不清楚你在这里追求什么，所以我回答两者。如果您想要每个 Item 节点 1 行，那么您只需对 nodes 节点使用 Item 并获取 value 文本的 ItemId： DECLARE @xml xml = '<AdditionalProductId Qualifier="ProductId"> <Item> <ItemId>**ABC**</ItemId> <TypeId>SA</TypeId> </Item> </AdditionalProductId> <AdditionalProductId Qualifier="ProductId"> <Item> <ItemId>**XYZ**</ItemId> <TypeId>IN</TypeId> </Item> </AdditionalProductId> '; SELECT AP.I.value('(ItemId/text())[1]','varchar(15)') AS ItemId, AP.I.value('(TypeId/text())[1]','varchar(15)') AS TypeId FROM (VALUES(@XML))V(X) --To give impression it's against a table CROSS APPLY V.X.nodes ('AdditionalProductId/Item')AP(I); 但是，如果您希望每个不同的 TypeID 值各有 1 列，您可以在 XML 中进行过滤： SELECT X.AP.value('(AdditionalProductId/Item[TypeId[(text()[1])="SA"]]/ItemId/text())[1]','varchar(15)') AS ItemSA, X.AP.value('(AdditionalProductId/Item[TypeId[(text()[1])="IN"]]/ItemId/text())[1]','varchar(15)') AS ItemIN FROM @xml.nodes ('/')X(AP); --To give impression it's against a table 或者使用之前的查询并使用条件聚合： WITH Items AS( SELECT AP.I.value('(ItemId/text())[1]','varchar(15)') AS ItemId, AP.I.value('(TypeId/text())[1]','varchar(15)') AS TypeId FROM @xml.nodes ('AdditionalProductId/Item')AP(I)) SELECT MAX(CASE TypeID WHEN 'SA' THEN ItemId END) AS ItemSA, MAX(CASE TypeID WHEN 'IN' THEN ItemId END) AS ItemIN FROM Items;

cross-site 相关问题

最新问题