首页 > 解决方案 > 在cropper js中上传图片会出错拒绝加载图片违反内容安全策略指令:“img-src * data:”

问题描述

我正在使用cropperjs在图像上传时裁剪图像检查按钮here

选择要上传的图片后出现此问题

Blob 存储数据完好无损,只是上传图像后出现问题
https://prnt.sc/vuzven\ https://prnt.sc/vuzvnw

Uploading image in cropper js gives error Refused to load the image 'blob:http://localhost:15536/0b13fa91-8bd8-40f2-a3c1-9aed987713ee' because it violates the following Content Security Policy directive: "img-src * data:".

关于这个为什么这不适用于谷歌浏览器的任何解决方案。Firefox 和其他所有浏览器中的相同问题

标签: javascript.netgoogle-chromecontent-security-policycropperjs

解决方案


只需将blob:方案添加到策略中:img-src * data: blob:


推荐阅读