I've installed a Magento theme I bought and since the very first moment it doesn't load images. The weird thing is this:
The site show this:
If I get the url of the first image (Right Click: "Get image url") shows this:
http://ecobiobella.com/media/resized/s/blog/5.jpg
I navigate to this url the images don't exist and I get a 404 error.
The weird thing is that that image is IN MY server and accessible from the server, like this:
As last thing in the root folder public_html I loaded the same image and that gets showed up:
http://ecobiobella.com/5.jpg
I'm not understanding what I'm doing wrong....
Check the media folder for a .htaccess file and remove it.
Related
I have the following code in my localhost project in WAMP
<img src="/imgs/quickstartVideo.jpg" width="357" height="200" alt="quick start video">
The image won't appear - console says "403 (forbidden)". However, if I right click to view the page source, and click the image's link, the image appears.
The page loads js and css files that are using the same sort of relative URL.
Why does it tell me it's forbidden, yet lets me load it when I click it? How do I get it to just load please?
My dir structure is:
c:\wamp
c:\wamp\www
c:\wamp\www\imgs
c:\wamp\www\js (js files are loading fine)
UPDATE: it's displaying correctly in MS Edge, but not Chrome.
Thank you
Solved -the issue was an IfModule mod_rewrite I'd set up in htaccess to stop image hotlinking on my production domain. Commented it out for localhost development, and, funny enough, my images are working again.
Things I tried
1.simple path without URL::to
2.url() method
3.absolute path
4.asset(simple relative path)
in my .env file changed APP_URL from http://localhost to http://localhost:8000 since it runs on 8000 port
I am adding some pictures.
One thing which is important to mention here when i use Simple relative path it shows picture on hovering the mouse in IDE and on browser too but browser does not render it on webpage.
Please see pictures
src="{{URL::to('public/imgs/2.png')}}"
You have to put all your image resource files in public folder then access those resources through the following way:
src="{{ URL::asset('imgs/2.png') }}"
In S3, I have an index.html, a CSS file and an images folder with 3 jpg files in it. I cut and pasted the jpgs into the S3 folder. They showed as being there. I set a display policy per the instructions to display to everyone. The page displayed, but the images did not. I get the alt text and the tooltips, but no images. On the page, when I right click the Open Image in New Tab, I get an Access Denied message in XML. The page is: http://s3.amazonaws.com/pittsfordcommunitycenter/index.html
Images display on my development PC. I've tried a lot of things in AWS, including what the documentation suggested. What do I need to change?
This is your index.html URL:
http://s3.amazonaws.com/pittsfordcommunitycenter/index.html
This is your first image URL, which is missing the bucket name:
http://s3.amazonaws.com/images/WheelchairInElevator_w_475.jpg
The image URL should actually be:
http://s3.amazonaws.com/pittsfordcommunitycenter/images/WheelchairInElevator_w_475.jpg
Viewing your page source it looks like, given the location of your index.html file, all your image paths should start with ./images/ instead of ../images/. Since it works on your local machine I'm guessing your local index.html location is different, relative to the image files.
AWS domain links are case sensitive unlike you local machine.
In AWS S3 static Webhosting
../images/WHEELCHAIRINELEVATOR_W_475.JPG is **NOT EQUAL** to
../images/wheelchairinelevator_w_475.jpg
For my web app ,Some of the images keep giving me 404, which cannot be found. But I can see them on my local server, and they are uploaded to github when I push the code.
for example, none of the images can be found in this page. http://kyloxue.design/#/Project6?_k=gxpciy
I made sure that the first image is available with the correct url: https://github.com/alfance/alfance.github.io/blob/master/media/img/dme/all1.png
but most of the images in this page work fine. http://kyloxue.design/#/Project1?_k=nbyvg2
Any ideas?
Your paths are case sensitive. For example, you have an image referencing:
http://kyloxue.design/media/img/DME/all1.png
Change that to http://kyloxue.design/media/img/dme/all1.png and it works.
When i navigate to my main page in on localhost (127.0.0.1/myproject) I have no problems. It displays the page as it should.
However, it asks to login, and when I click the link, it brings me straight back to the WAMP details page. It navigates to (127.0.0.1/myproject/tank/auth/)
Any ideas why this is happening?
I use XAMP, but I think the environments are similar. The trick is to get the base url right.
What is your base url set to in config.php?
Mine look something like:
$config['base_url'] = "http://localhost/myWWWdirectory/MySpecificProject/";
where my CI files are in the 'MySpecificProject' folder.
On my machine, myWWWdirectory/MySpecificProject is in my htdocs folder.