2017-09-16 57 views
1

我想在本地加载图像到我的html。我第一次尝试通过/images/文件夹提供图像路径,但这不起作用。然后我尝试用图像的整个路径服务图像<img src="/Users/code/src/code/go/src/websites/website/website-Bucket.png" alt="test">,但我仍然没有运气。我检查了我的html,它没有错误。我有重新启动我的P C,将图像更改为.jpg,并且它仍然不想工作。我在Safari中出现错误 - 尝试加载资源时出现错误,图像显示为蓝色框和问号。你会尝试排除什么?Html图像不会加载任何变化 - Golang

额外 - 我使用goLang来提供文件。我有这样一个http.handleFunc()熄灭并在请求时提供图像文件夹。路径显示为http://localhost/images/theImage.png“正确的路径”,但没有任何反应。所以,我保存图像,并将其显示为html并显示页面的一部分?那会是一条道路吗?

回答

1

看起来像它可能是一个文件路径问题。
看看这个页面,它有一个很好的例子。
https://www.w3schools.com/html/html_filepaths.asp

也尝试使用_重命名图像而不使用 - 。

+0

它应该是正确的。我正在采取确切的文件路径,它仍然无法加载。 – GoofBall101

+0

文件路径与您的html文件不在计算机上的文件路径等相关 – ShaneCalder

+0

这里是一个YouTube视频,可以更好地解释它或至少是一个视觉效果。 https://www.youtube.com/watch?v=Tg1ujA_TuDM – ShaneCalder

1

在第一种情况下,你必须了解的路径源,当你在一个HTML文件,该文件中的路径应该是:

<img src="images/website-Bucket.png" alt="test"> 

这是因为: 您的.html文件的路径可进入低谷文件里面路径与在HTML文件中的“/文件夹/文件”结构的路线,所以你的文件结构应该是:

  • yourfiel.html(文件渲染的浏览器)/ imagesfolder

  • - 网站 - Bucket.png”(你叫你的HTML作为

  • /imagesfolder/website/Bucket.png)./

您可以了解更多关于这里的路径: http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/

+0

它说道路是localhost/images/image.png?它的正确但它仍然不会显示?我下载它,它显示image.png.html?这是否意味着什么? – GoofBall101

+0

我的意思是,你在一个文件夹中有一个index.html文件,所有在那个html文件的sime level文件夹大小中的所有文件都应该用直接路径调用,例如:如果你的文件夹中有一个index.html文件“myFolder “,所有在”我的文件夹“中的应该用绝对路径'code''code'调用,这就是说,如果你在同一个文件夹级别有图像文件和index.html文件,如果你有一个文件夹”图像“里面”myFolder“,你应该调用'代码''代码' – balumanzano

+0

看看[链接] https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files – balumanzano

1

在任何浏览器中打开控制台,看看是否有任何错误提及无法找到图片的源路径。

它应该给你一个你的浏览器试图找到那个img的提示。

0

你家伙的回复都是正确的。我有正确的道路。这是一个Golang的东西。当服务器想要/image.png时,我并没有制作出一个handlefunc。它永远不会为图像服务,它只是无所作为。感谢您的回复。

+0

也谢谢你,试着将主题改为对Golang更加封闭的东西,让其他人可以访问解决方案,问候 – balumanzano