<img>标签未显示图像
<img> tag not showing the image
我有一个带有src = "file:///C:/Users/king/Documents/testing.jpg"
的img
标记。此标记未显示图像。怎么了?
img
标记没有href
属性。。这是链接的。
- 请改用
src="image path here"
。完整标签为<img src="path" alt="alt text" />
- 确保路径指向有效的文件
- 将路径置于引号中
- 要知道它会显示您计算机上的文件,并且只有当HTML页面本地存储在您的计算机上时,这才会起作用
问题可能是因为您的地址指向了计算机上的一个文件。如果其他人试图从Web服务器访问此页面,他们很可能不会将您的文件放在计算机上的同一位置。
<a href="file:///C:/Users/King/Documents/testing.jpg"><img src="file:///C:/Users/King/Documents/testing.jpg" /></a>
必须工作
请确保testing.jpg是否存在。。也许是在测试。JPG。。
<img src="FILE">
是正确的格式。
<img src="path/to/file.jpg" alt="This is my image" />
是一个正确的标签。。。试试这个而且你不能使用这样的本地路径,它会指向你硬盘上的一个文件,如果你把它放在网上,其他人就无法访问它。使用相对链接,如"rootfolder/images/yourimage.jpg"
由于安全原因,我不确定浏览器是否总能访问文件的协议://您是否在localhost上运行?如果不是,那就是你的原因。如果可能的话,我建议你总是使用关系URLS,所以如果你的HTML在Documents中,那么src="testing.jpg"就可以了。
一般来说,我建议将图像放在索引文件所在的子文件夹中,这样更容易,并允许使用相对URL,如"./images/testing.jpg"或"../images/testion.jpg"。
使用相对路径,而不是绝对路径。例如,如果图像文件指向您正在使用的网页存储位置上方的文件夹。..//testing.jpg
相关文章:
- 使用JSP从服务器检索和显示图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使用FormData上传AJAX图像;t在服务器端显示图像
- 选择文件后显示图像
- Chrome(webkit?)无法在幻灯片中正确显示图像
- 如何使用javascript显示图像
- 使用JS按顺序显示图像,而不是随机显示
- 使用服务器上的HTML/js在网页上显示图像
- 我想在选择输入文件上显示图像
- Javascript:单击单选按钮时显示图像
- 如何将JSON结果设置为'src'共'img'以在ASP.NET MVC4中显示图像
- 无法在cakepp布局中显示图像
- 页面加载后通过javascript显示图像
- 将图像文件存储在猫鼬模式中的二进制数据中,并以html形式显示图像
- 使用AngularJs数据绑定的三元运算符显示图像
- 加载时画布上未显示图像
- 运行POST时显示图像
- NodeJS上没有显示图像
- 从Javascript在表中显示图像
- 如何在MVC5中运行时在HTML5 Canvas中显示图像