electron对于图片/视频无法加载的问题

图片报错:

html 复制代码
Refused to load the image 'blob:because it violates the following Content Security Policy directive: "img-src 'self' data:".

视频报错:

html 复制代码
 Refused to load media from 'blob:because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'media-src' was not explicitly set, so 'default-src' is used as a fallback.

我们怎么解决呢?

就是在渲染进程的index.html里head标签里更改第二个meta

html 复制代码
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self' blob:;
           script-src 'self'; 
           style-src 'self' 'unsafe-inline'; 
           img-src 'self' data: blob:;
           media-src 'self' blob:;
           font-src 'self';
           connect-src 'self'"
    />
相关推荐
2501_920931709 小时前
React Native鸿蒙跨平台采用ScrollView的horizontal属性实现横向滚动实现特色游戏轮播和分类导航
javascript·react native·react.js·游戏·ecmascript·harmonyos
0思必得010 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东51610 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino11 小时前
图片、文件的预览
前端·javascript
量子炒饭大师11 小时前
【一天一个计算机知识】—— VScode 极速搭建:打造你的全能代码武器库
ide·vscode·编辑器
程序员贵哥11 小时前
彻底还原VSCode:Windows下完全重置VS Code配置的方法
vscode
石国11 小时前
windows10 win10 pyside6 vscode 安装与配置
vscode·pyside6·windows10
-嘟囔着拯救世界-11 小时前
【保姆级教程】Win11 下从零部署 Claude Code:本地环境配置 + VSCode 可视化界面全流程指南
人工智能·vscode·ai·编辑器·html5·ai编程·claude code
qq_4037425511 小时前
Ubuntu 24.04 安装 LaTeX + VSCode 环境指南
vscode·其他
红廉骑士兽11 小时前
VSCode远程连接云端LLM实现低延迟私有知识交互
vscode· 远程开发· anything-llm