与HTML / PHP的显示图像瓦帕

Question

I'm actually new in this so this may sound ridiculous, but I'm really having struggle at this.

I want to load an image from my wamp server in my PHP file, where should I put the image? And how can I access to it?

I've tried

<img data-src="http://localhost:8000/images/logo.jpg" alt="Generic placeholder image">

and so on, but nothing is working, is there something I am missing?

Answer 1

On server and on local are the same thing you can use relative path.

Example

 -page.html
 -images
    - image.jpg

in your page.html

<img src="./images/image.jpg">

Answer 2

如果文件路径没问题，那么这将显示您的图像 - 尝试在浏览器中打开文件http://localhost:8000/images/logo.jpg如果它有效那么文件应该显示使用 img src="http:// localhost:8000/images/logo.jpg" alt="通用占位符图像" 而不是 data-src

Answer 3

Consider the following ficticious folder structure - the dots here signify a level in the heirarchy ( ie: subfolders )

.document root
    ..css
    ..images
        ...jpg
        ...gif
        ...bmp
    ..includes
    ..js
    ..pages
        ...admin
        ...user
        ...gallery
    ..etc etc

Root relative paths would be a path that is relative to the document root, such as:-

/images or /css

A folder relative path, from with say the pages directory might be

../images/jpg

The dots, in the above, mean to go up a level in the folder heirarchy

The easiest and generally more common path to use would be root relative and for you use you could simply use the following if you have uploaded the logo.jpg file to the images directory.

<img src="/images/logo.jpg" alt="Generic placeholder image" />

It should be noted that in the original you had used a dataset attribute value rather than the required src value expected by images.