SVG image not coming properly on browser in angular 4

Asked Apr 06 '18 at 12:44

Active Apr 06 '18 at 13:11

Viewed 326 times

I am working on angular 4 along with node and MySQL. I have saved my image .SVG in blob form but when i getting it back from API it is not able to get rendered on my browser. When i inspect it is showing me <img src="unsafe : asd......."> and when i remove unsafe then it is showing me the actual image. I am stuck on this problem. Help Needed.

<img src="data:{{asd.asd_logo_type}};base64,{{ico.ico_logo}}" alt="...">

unsafe keyword is automatically gets added image base64 string

edited Apr 06 '18 at 13:11

asked Apr 06 '18 at 12:44

Raj kumar

This is one of the reasons why you shouldn't save files into a database.. Saving files into a database makes it so much more complicated.. i advice you to store the path into the database instead. – Raymond Nijland Apr 06 '18 at 13:04
@RaymondNijland We want to upload it on serve. That's the requirement – Raj kumar Apr 06 '18 at 13:06
https://stackoverflow.com/questions/38080654/ionic-2-angular-2-images-prepended-with-unsafe-therefore-not-displaying-ev/38083444#38083444 – Daniel W Strimpel Apr 06 '18 at 13:07
@DanielWStrimpel not working for me – Raj kumar Apr 06 '18 at 13:07
You'll have to provide code if you want more assistance from the community – Daniel W Strimpel Apr 06 '18 at 13:08
@DanielWStrimpel added – Raj kumar Apr 06 '18 at 13:11
node.js servers supports file uploading with formidable in combination with fs packets. – Raymond Nijland Apr 06 '18 at 13:11
Raj kumar @DanielWStrimpel means the complete code meaning the node.js code, angular code, MySQL tables with example data – Raymond Nijland Apr 06 '18 at 13:12
@Rajkumar can you show how you tried to use that solution I linked to? Whenever you see that `unsafe` stuff it means you have to tell Angular that it really is safe – Daniel W Strimpel Apr 06 '18 at 13:19
@Rajkumar requirements are not commandments from deity, reamine your requirements, I still don't see enough of a question to actually help you with. Surprised not down voted yet – Alex Mackinnon Apr 07 '18 at 20:14

SVG image not coming properly on browser in angular 4

0 Answers0