I have a main domain that users can upload images to which are then viewed in a slider so multiple images (sometimes up to 50) are loaded by the page on loading. I am trying to access the same images on a subdomain but it isn't working very well.
If I use
<img src="<? echo 'http://www.mysite.co.uk/'.$row['imageLocation']; ?>">
the images load but it is very slow
If I use
<img src="<? echo '/home/myname/public_html/mysite.co.uk/'.$row['imageLocation']; ?>">
the images aren't displayed despite the path being correct. If I use the same path for getting the images sizes (getimagesize) it returns the correct results so I'm sure the path is correct.
The images arent shown because you echo the path to the user first, but not the file itself and then the users browser loads them asynchronously. He cannot access any parent directory from mysite.co.uk only child directories.
The PHP can load them because it runs on the server itself before it is returning anything.
What you could do is using the readfile() function from PHP in an extra PHP file like getimages.php or just use the first solution, which cannot be improved in speed except you will change the image sizes, which might be your main problem here.
If you want to directly echo image file content, use this.
<img src="data:image/jpeg;base64,<?php echo base64_encode('/home/myname/public_html/mysite.co.uk/'.$row['imageLocation']); ?>" />
Related
I want to specify the location of the 'upload' folder which contains the images uploaded. Now I want to display an image in post.php >>myblog is the root folder in htdocs xampserver >>'myblog/folder1/folder2/admin/Post.php' and the upload folder exists in the root folder 'myblog/upload'
I Only want to know how to understand the logic of slashes(forward and back slashes)
I'have tried first
<td><img src="../Uploads/<?php echo $Image ; ?>"</td>
Then
<td><img src="../..//Uploads/<?php echo $Image ; ?>"</td>
Then
<td><img src="./../..//Uploads/<?php echo $Image ; ?>" width="170px;" height="50px"</td>
But none of these slashes worked
<td><img src="..//Uploads/<?php echo $Image ; ?>" width="170px;" height="50px"</td>
There are different ways to write URL's to assets in HTML.
Relative from the current URL
If you write
<img src="Uploads/image.jpg" />
and the URL is example.com/some/subpage, then the browser will try to load the image from example.com/some/subpage/Uploads/image.jpg.
If you write
<img src="../Uploads/image.jpg" />
the browser will, just like a file system, try to go up one level and load it from there: example.com/some/Uploads/image.jpg.
So this method is very much dependent on the current URL, which means that the image URL would need to be different (how many ../ you need etc) on different pages (if they are sub pages in sub pages etc). This is not a good way of doing it.
Relative from the document root
If you write
<img src="/Uploads/image.jpg" />
(Notice the / in the beginning)
the browser will try to load it from the document root (the same folder you have your index.php in): example.com/Uploads/image.jpg.
The good thing about this method is that the current page URL is irrelevant. If the Upload-folder is in the document root, just do /Uploads/image.jpg.
When you create a website with multiple pages is a good idea to put a "base tag" from which all other links are concatenated.
Here is a very good example that suits your needs:
https://www.w3schools.com/tags/tag_base.asp
If your folder is somewhere in the public directory. Let's say
xampp/project/uploads/
Your base tag is probably "http://localhost/project/". After that you can set a relative url for the images like "uploads/image-name.jpg"
I am using PHP to upload images in my web application. The images are stored in some directory on the server while their paths are stored directly in MySQL database.
The upload goes very well and images get in the folder but the problem is accessing thoses images with their path field stored in the database : i am not yet able to find the correct form of the path i should use, now am using the realPath and dirname functions to help me get the path so finally an example of path is C:\wamp\www\webroot\img.png (since am on Windows using wampserver) So when i do something like :
<img src="$image->path" />
i get no image shown in the browser and when i inspect it i get the expected code like :
<img src="C:\wamp\www\webroot\img.png" />
which means that this path format is not correct to show the image.
I have tried many things : i took the same path and acced it with the browser and it showed me the image (with the file protocol automatically) so i added file:// to the image path but nothing was new. I have also tried to acces it as a web url and with that it goes will for example it shows the image when putting
localhost/webroot/img.png
But what i need exactly is being able to store and retrive the image file again. So is it a file system probelm ? is the code platform independant ?
I will be very grateful for any help
Thank you.
You can't show an image with its path, but with its URL.
In PHP, we use to save the filename only in MySQL and after, you display the image with <img src="path/to/img/<?php echo $image->filename; ?>" />
That's all!
Add the file protocal to your path.
<img src="file:///<?php echo $image->path; ?>" />.
The best thing you could have to done is save the image in a folder inside your project/website folder. Then save the path to the image from the root folder in the DB.
Example: I uploaded a an image of filename "image.png" inside "Img" folder in the Website Root Folder. Then I will save "Img/image.png" inside my DB.
So anytime I want to reference the image, I will just use
<img src="/<?php echo $image->path; ?>" />
Or
<img src="<?php echo $image->path; ?>" />
Sorry for wasting your time, i have solved the problem. It was an issue with how my application is accessed. It should be accessed from only a directory called web so every path should be referenced from that directory !!.
how can i set image url in page ?
In image you can see I have tried by three ways but it not work.
Images are located under image folder of active theme.
You have three image tags all pointing to different urls of which two appear malformed.
The middle image tag in your screenshot seems the most accurate but you may want to add a semicolon after the right paranthesis.
If all three files are supposed to refer to the same image, then replace the first and last image tags with the middle one.
Then if it still doesnt work then replace bloginfo('template_directory') with the actual location to the images relative to document root on the server but put the value in quotes. For example, if your images are in the subfolder images in folder imageset on your site, then you could use
"http://www.whatever.com/imageset/images" or "/imageset/images".
which results in the code:
<img src="<?php echo "/imageset/images"; ?>/images/banner1.jpg" alt="">
or even better:
<img src="/imageset/images/images/banner1.jpg" alt="">
Try as follows <img src="../images/banner1.jpg" alt="">
I have uploaded an image folder in my child theme on wordpress-images->homeimages->myimage.jpg. When i go to mywebsiteexample.com/images/homeimages/myimage.jpg, it returns that page is not available and as a result i cannot use relative path in img src to call the images.
you could do this way as like
mywebsiteexample.com/wp-content/themes/themefoldername/images/homeimages/myimage.jpg
For example
Use this
to get the current active theme directory
you can call something like to load the image
<img src="<?php echo bloginfo('template_url');?>/images/homeimages/myimage.jpg"/>
Hope it may help
I used symfony 1.4 to make a basic form that contains an image upload widget, (which uploads the image just fine) but when I try to echo the image later on it doesn't show.
This is the code I use to (try to) output my image:
<img src="<?php echo sfConfig::get('sf_upload_dir').'\\'.$post->getImagename() ?>" />
A quick peek at firebug shows me that firefox "failed to load given url". but if I copy & paste the url into the address bar it loads the image just fine.
(Please note, I am developing on a windows environment and my project directory contains no spaces.)
Can anyone explain to me why this happens or what I am doing wrong?
You shouldn't use the sf_upload_dir key because it returns the full path to the image inside the webserver. Like: c:\website\project\web\uploads.
You should use sf_upload_dir_name instead, which returns the path to the uploads folder inside the web folder.
Try:
<img src="/<?php echo sfConfig::get('sf_upload_dir_name').'/'.$post->getImagename() ?>" />