Refused to load the image 'unsafe:data:.image-type;base64, [base64String]'
up vote
0
down vote
favorite
I have a web app running only on our local network. It has a section where image/photo of employee need to show. But i can't load the data and the console always log : Refused to load the image 'unsafe:data:[.image-type];base64, [base64 string]' because it violates the following Content Security Policy directive: "img-src 'self' data: "
Note: Some image/photo is loading but some trigger that error. I'm sure that all the data are safe to load. Also, when i try to edit the html (developer mode inspect element) removing the 'unsafe' word in the src="unsafe:data:...." then image/photo is loaded in the html.
Please help me guys to fix the issue. Thanks!
html content-security-policy
asked Nov 20 at 4:23
Meow3301
114
add a comment |
up vote
0
down vote
favorite
I have a web app running only on our local network. It has a section where image/photo of employee need to show. But i can't load the data and the console always log : Refused to load the image 'unsafe:data:[.image-type];base64, [base64 string]' because it violates the following Content Security Policy directive: "img-src 'self' data: "
Note: Some image/photo is loading but some trigger that error. I'm sure that all the data are safe to load. Also, when i try to edit the html (developer mode inspect element) removing the 'unsafe' word in the src="unsafe:data:...." then image/photo is loaded in the html.
Please help me guys to fix the issue. Thanks!
html content-security-policy
asked Nov 20 at 4:23
Meow3301
114
I tried to put this meta tag in my header: <meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data: ; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *" /> But still not working...
– Meow3301
Nov 20 at 4:26
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have a web app running only on our local network. It has a section where image/photo of employee need to show. But i can't load the data and the console always log : Refused to load the image 'unsafe:data:[.image-type];base64, [base64 string]' because it violates the following Content Security Policy directive: "img-src 'self' data: "
Note: Some image/photo is loading but some trigger that error. I'm sure that all the data are safe to load. Also, when i try to edit the html (developer mode inspect element) removing the 'unsafe' word in the src="unsafe:data:...." then image/photo is loaded in the html.
Please help me guys to fix the issue. Thanks!
html content-security-policy
asked Nov 20 at 4:23
Meow3301
114
I have a web app running only on our local network. It has a section where image/photo of employee need to show. But i can't load the data and the console always log : Refused to load the image 'unsafe:data:[.image-type];base64, [base64 string]' because it violates the following Content Security Policy directive: "img-src 'self' data: "
Note: Some image/photo is loading but some trigger that error. I'm sure that all the data are safe to load. Also, when i try to edit the html (developer mode inspect element) removing the 'unsafe' word in the src="unsafe:data:...." then image/photo is loaded in the html.
Please help me guys to fix the issue. Thanks!
html content-security-policy
html content-security-policy
asked Nov 20 at 4:23
Meow3301
114
asked Nov 20 at 4:23
Meow3301
114
asked Nov 20 at 4:23
Meow3301
114
asked Nov 20 at 4:23
Meow3301
114
asked Nov 20 at 4:23
Meow3301
114
114
I tried to put this meta tag in my header: <meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data: ; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *" /> But still not working...
– Meow3301
Nov 20 at 4:26
add a comment |
I tried to put this meta tag in my header: <meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data: ; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *" /> But still not working...
– Meow3301
Nov 20 at 4:26
I tried to put this meta tag in my header: <meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data: ; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *" /> But still not working...
– Meow3301
Nov 20 at 4:26
I tried to put this meta tag in my header: <meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data: ; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *" /> But still not working...
– Meow3301
Nov 20 at 4:26
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
If you are sure that the images are safe then you can try to use
img-src 'self' data:https:; or img-src 'self' data:http:; based on your protocol.
Hope this helps
answered Nov 20 at 15:46
Abinash
63
Thanks, but i also tried that and not working...
– Meow3301
Nov 22 at 4:26
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
If you are sure that the images are safe then you can try to use
img-src 'self' data:https:; or img-src 'self' data:http:; based on your protocol.
Hope this helps
answered Nov 20 at 15:46
Abinash
63
Thanks, but i also tried that and not working...
– Meow3301
Nov 22 at 4:26
add a comment |
up vote
0
down vote
If you are sure that the images are safe then you can try to use
img-src 'self' data:https:; or img-src 'self' data:http:; based on your protocol.
Hope this helps
answered Nov 20 at 15:46
Abinash
63
Thanks, but i also tried that and not working...
– Meow3301
Nov 22 at 4:26
add a comment |
up vote
0
down vote
up vote
0
down vote
If you are sure that the images are safe then you can try to use
img-src 'self' data:https:; or img-src 'self' data:http:; based on your protocol.
Hope this helps
answered Nov 20 at 15:46
Abinash
63
If you are sure that the images are safe then you can try to use
img-src 'self' data:https:; or img-src 'self' data:http:; based on your protocol.
Hope this helps
answered Nov 20 at 15:46
Abinash
63
answered Nov 20 at 15:46
Abinash
63
answered Nov 20 at 15:46
Abinash
63
answered Nov 20 at 15:46
Abinash
63
63
Thanks, but i also tried that and not working...
– Meow3301
Nov 22 at 4:26
add a comment |
Thanks, but i also tried that and not working...
– Meow3301
Nov 22 at 4:26
Thanks, but i also tried that and not working...
– Meow3301
Nov 22 at 4:26
Thanks, but i also tried that and not working...
– Meow3301
Nov 22 at 4:26
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386192%2frefused-to-load-the-image-unsafedata-image-typebase64-base64string%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I tried to put this meta tag in my header: <meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data: ; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *" /> But still not working...
– Meow3301
Nov 20 at 4:26