Is it possible to make an image accessable from development mode AND production mode in Angular?Angular-universal - Production IssuesShow a retrieved img from Firebase with Angular in HTMLafter running angular cli ng --prod local images will not work angular 2Access Picture in NodeJS public folder from AngularAngular-CLI production build not displaying bootstrap stylesAngular: Image in assets not loading immediatelyI have upload my files from my frontend with angular 6 and i want to send it to my backend in a folder in my projectAfter Angular ng build --prod, all image on home page are not displayedPath where I store profile pictures is unreachable in production modeI am using Angular Universal for server side rendering, but i am not getting the images rendered from server side
1mth baby boy keeps peeing through diapers, sometimes diper seems practically unused
Cost of oil sanctions to world's consumers
3D cryptic featuring Mao, Stalin and Simba's uncle
Disk usage of integer column vs boolean column in Postgres
Given current technology, could TV display screens double as video camera sensors?
How do I feed my black hole?
rationalizing sieges in a modern/near-future setting
Who was the most successful German spy against Great Britain in WWII, from the contemporary German perspective?
Why should a self-financing strategy be previsible?
Is first Ubuntu user root?
Adoption records in 1871 based on census info
Do you pay one or two mana to bounce a transformed Delver of Secrets with Repeal?
How to read Microware OS-9 RBF Filesystem under Windows / Linux?
Why does Windows store Wi-Fi passwords in a reversible format?
Number of academics in various EU countries
How to get trace to get a cylinder when I rotate a rectangle?
Why is a statement like 1 + n *= 3 allowed in Ruby?
Why is strlen so complex in C?
Tex Quotes(UVa 272)
Can an Arcane Focus be embedded in one's body?
Hangman game in Python - need feedback on the quality of code
Why did my folder names end up like this, and how can I fix this using a script?
Cooking Scrambled Eggs
Is one hour layover sufficient at Singapore Changi Airport (Indian citizen travelling from US to India)?
Is it possible to make an image accessable from development mode AND production mode in Angular?
Angular-universal - Production IssuesShow a retrieved img from Firebase with Angular in HTMLafter running angular cli ng --prod local images will not work angular 2Access Picture in NodeJS public folder from AngularAngular-CLI production build not displaying bootstrap stylesAngular: Image in assets not loading immediatelyI have upload my files from my frontend with angular 6 and i want to send it to my backend in a folder in my projectAfter Angular ng build --prod, all image on home page are not displayedPath where I store profile pictures is unreachable in production modeI am using Angular Universal for server side rendering, but i am not getting the images rendered from server side
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I have been developing my App with Angular in development mode, now i wanted to build it into production mode to host it on my Synology Web Server.
In Development mode I saved a picture in /assets/pictures/pic_1.png, this runs fine, but when I go into prod mode I am getting this Error Message:
https://imgur.com/a/xZHPA9j
This is how I implemented the picture:
<img src="../../assets/pictures/pic_1.png" />
With this Code it SHOULD show the picture BOTH in development and production mode.
Edit #1
Current Workaround:
I hosted the pictures in another folder of my Server which is accessable from the internet and I am getting the pictures with this code:
<img src="http://(x.x.x/apipfadipics/pic_1.png" />
javascript html
angular typescript asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
add a comment |
I have been developing my App with Angular in development mode, now i wanted to build it into production mode to host it on my Synology Web Server.
In Development mode I saved a picture in /assets/pictures/pic_1.png, this runs fine, but when I go into prod mode I am getting this Error Message:
https://imgur.com/a/xZHPA9j
This is how I implemented the picture:
<img src="../../assets/pictures/pic_1.png" />
With this Code it SHOULD show the picture BOTH in development and production mode.
Edit #1
Current Workaround:
I hosted the pictures in another folder of my Server which is accessable from the internet and I am getting the pictures with this code:
<img src="http://(x.x.x/apipfadipics/pic_1.png" />
javascript html
angular typescript asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
What's your backend running on?
– Phix
Mar 27 at 20:09
should be a apache server 2.4
– Dejavu
Mar 27 at 20:16
<img src="assets/pictures/pic_1.png" />would work in both
– Joel Joseph
Mar 28 at 4:03
yeah thank you !!!!!
– Dejavu
Mar 28 at 19:50
add a comment |
I have been developing my App with Angular in development mode, now i wanted to build it into production mode to host it on my Synology Web Server.
In Development mode I saved a picture in /assets/pictures/pic_1.png, this runs fine, but when I go into prod mode I am getting this Error Message:
https://imgur.com/a/xZHPA9j
This is how I implemented the picture:
<img src="../../assets/pictures/pic_1.png" />
With this Code it SHOULD show the picture BOTH in development and production mode.
Edit #1
Current Workaround:
I hosted the pictures in another folder of my Server which is accessable from the internet and I am getting the pictures with this code:
<img src="http://(x.x.x/apipfadipics/pic_1.png" />
javascript html
angular typescript asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
I have been developing my App with Angular in development mode, now i wanted to build it into production mode to host it on my Synology Web Server.
In Development mode I saved a picture in /assets/pictures/pic_1.png, this runs fine, but when I go into prod mode I am getting this Error Message:
https://imgur.com/a/xZHPA9j
This is how I implemented the picture:
<img src="../../assets/pictures/pic_1.png" />
With this Code it SHOULD show the picture BOTH in development and production mode.
Edit #1
Current Workaround:
I hosted the pictures in another folder of my Server which is accessable from the internet and I am getting the pictures with this code:
<img src="http://(x.x.x/apipfadipics/pic_1.png" />
javascript html
angular typescript javascript html
angular typescript asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
edited Mar 27 at 21:37
Dejavu
asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
asked Mar 27 at 19:59
DejavuDejavu
34 bronze badges
34 bronze badges
What's your backend running on?
– Phix
Mar 27 at 20:09
should be a apache server 2.4
– Dejavu
Mar 27 at 20:16
<img src="assets/pictures/pic_1.png" />would work in both
– Joel Joseph
Mar 28 at 4:03
yeah thank you !!!!!
– Dejavu
Mar 28 at 19:50
add a comment |
What's your backend running on?
– Phix
Mar 27 at 20:09
should be a apache server 2.4
– Dejavu
Mar 27 at 20:16
<img src="assets/pictures/pic_1.png" />would work in both
– Joel Joseph
Mar 28 at 4:03
yeah thank you !!!!!
– Dejavu
Mar 28 at 19:50
What's your backend running on?
– Phix
Mar 27 at 20:09
What's your backend running on?
– Phix
Mar 27 at 20:09
should be a apache server 2.4
– Dejavu
Mar 27 at 20:16
should be a apache server 2.4
– Dejavu
Mar 27 at 20:16
<img src="assets/pictures/pic_1.png" /> would work in both– Joel Joseph
Mar 28 at 4:03
<img src="assets/pictures/pic_1.png" /> would work in both– Joel Joseph
Mar 28 at 4:03
yeah thank you !!!!!
– Dejavu
Mar 28 at 19:50
yeah thank you !!!!!
– Dejavu
Mar 28 at 19:50
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
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%2f55385523%2fis-it-possible-to-make-an-image-accessable-from-development-mode-and-production%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
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.
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%2f55385523%2fis-it-possible-to-make-an-image-accessable-from-development-mode-and-production%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
What's your backend running on?
– Phix
Mar 27 at 20:09
should be a apache server 2.4
– Dejavu
Mar 27 at 20:16
<img src="assets/pictures/pic_1.png" />would work in both– Joel Joseph
Mar 28 at 4:03
yeah thank you !!!!!
– Dejavu
Mar 28 at 19:50