在cropper js中上传图像会出错拒绝加载图像违反内容安全策略指令：“img-src * data：”答案

【问题标题】：Uploading image in cropper js gives error Refused loading image violates Content Security Policy directive: "img-src * data:"在cropper js中上传图像会出错拒绝加载图像违反内容安全策略指令：“img-src * data：”
【发布时间】：2020-12-03 12:03:03
【问题描述】：

我正在使用cropperjs在图片上传check the button here时裁剪图片

选择要上传的图片后有这个issue

上传图片后出现问题，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 .net google-chrome content-security-policy cropperjs

【解决方案1】：

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

【讨论】：