insecure - content-security-policy wordpress
Los "datos" de la política de seguridad de contenido no funcionan para base64 Imágenes en Chrome 28 (1)
De acuerdo con la gramática en la especificación CSP , necesita especificar esquemas como scheme: no solo scheme . Por lo tanto, debe cambiar la directiva de origen de la imagen a:
img-src ''self'' data:;
En este ejemplo simple, intento establecer un encabezado CSP con el encabezado meta http-equiv. Incluí una imagen de base64 e intento que Chrome cargue la imagen.
Pensé que la palabra clave de data debería hacer eso, pero de alguna manera no está funcionando.
Acabo de recibir el siguiente error en Herramientas de desarrollo:
Se negó a cargar la imagen ''data: image / png; base64, R0lGODlhDwAPAOZEAMkJCfAwMMYGBtZMTP75 + euIiPFBP + hVVf3v7 ... nw7yk4Mjr6GLUY + joiBI2QAACABwJDCHgoKOHEoAYVBAgY8GGAxAoNGAmiwMHBCgccKDAKBAA7'' porque infringe la siguiente directiva de Política de seguridad de contenido: "img-src ''self'' data".
El código de ejemplo (JSFiddle no funciona para este ejemplo porque no puedo establecer metacabezado allí):
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="
default-src ''none'';
style-src ''self'' ''unsafe-inline'';
img-src ''self'' data;
" />
<style>
#helloCSP {
width: 50px;
height: 50px;
background: url(data:image/png;base64,R0lGODlhDwAPAOZEAMkJCfAwMMYGBtZMTP75+euIiPFBP+hVVf3v7+iHh/JNTfh9dNUYGPjTvskXFfOLi/daVe96es4eHPWIiOqbi9dNRvzWwexdV9U1NeFSS94iIvuxodVGP/ZsZM8jI+ibm/alluQzMdxSSvbGstwsKu2Yid4iIfjQu/JnYO6djvajlMQEBPvLuOJdXeMxL/3jzPBSTdwqKNY2Mf3i4vU5OfbPz/3f3/zUv/zizO0tLc0NDfMzM+UlJekpKeEhId0dHdUVFdkZGdEREf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEQALAAAAAAPAA8AAAepgESCRBsLEDQQCxuDgxYdO5CROx0WgywGAQEKM0M2CpkGN0QvMDmmE0OpE6Y5KEQqPbE9D6lDD7I9IBc8vDwRtRG9PBcuPsY+B7UHxz4hP8/PGghDCBrQPyYxQdvbBUMF3NskGUDl5QwtDOblGSVC7+8JNQnw7yk4Mjr6GLUY+joiBI2QAACABwJDCHgoKOHEoAYVBAgY8GGAxAoNGAmiwMHBCgccKDAKBAA7) no-repeat;
border: 1px solid red;
}
</style>
</head>
<body>
<h1>CSP</h1>
<div id="helloCSP"></div>
</body>
</html>
También puedes abrir este ejemplo aquí:
https://dl.dropboxusercontent.com/u/638360/ps/csp.html