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'"
    />
相关推荐
梦想的旅途216 分钟前
媒体文件(图片/文件)的上传与管理:获取 Media ID 的技术细节
前端·http·servlet
一水鉴天25 分钟前
整体设计 定稿 之22 dashboard.html 增加三层次动态记录体系仪表盘 之1
前端·html
老华带你飞38 分钟前
出行旅游安排|基于springboot出行旅游安排系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·spring·旅游
张拭心44 分钟前
程序员越想创业,越不要急着动手
前端·人工智能
舒一笑1 小时前
在低配云服务器上实现自动化部署:Drone CI + Gitee Webhook 的轻量级实践
前端·后端·程序员
龙国浪子1 小时前
从零到一:打造专业级小说地图设计工具的技术实践
前端·electron
朝阳391 小时前
vscode 实用插件【Md Editor】即时渲染编辑 .md 文件(带工具条)
vscode
Rendy_1 小时前
github copilot vscode插件 没有模型
vscode·github·copilot
一水鉴天1 小时前
整体设计 定稿 之24+ dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q208 之2)
开发语言·前端·javascript
JIngJaneIL1 小时前
基于Java饮食营养管理信息平台系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot