每当我阅读有关 html 和图像的文章时,我都会看到这样的 anchor 标记:
<img src="http://www.tizag.com/pics/htmlT/sunset.gif" />
但是,就我而言,我已将图像存储在 AWS-S3 中,并且正在从 S3 读取图像。这个,我事先没有像“http://www.tizag.com/pics/htmlT/sunset.gif”这样的路径
那么当图像存储在 S3 中并且不知道图像的路径时,在 html 页面中嵌入图像最常用的技术是什么?
如果我的问题令人困惑,我会提出不同的问题。
我正在构建一个项目,这很简单。每当用户登录时,他都会看到一个页面,上面写着“欢迎”,欢迎语下方是个人资料图片。
但是,假设我有 10 个用户,这 10 个用户中的每个用户都有不同的图像 URL。
例如:
<img src = "http:bucket.amazonaws.com/USER1'>
对于用户 1
<img src = "http:bucket.amazonaws.com/USER2'>
对于用户 2
等等。
所以我要显示的图像是not known
直到运行时和图像路径取决于登录者。
如何使我的 HTML 页面变得智能,以便图像 src 不是一个常量,并且可以根据谁登录变得灵活?
JSP 中的解决方案,我可以这样做,多亏了这么多答案:
<body>
<% String url = (String)request.getAttribute("url"); %>
<img src = <%= url %>></img>
</body>
此 JSP 代码是从 servlet 调用的。
request.setAttribute("url", "URL to image.");
RequestDispatcher view = request.getRequestDispatcher("URLImage.jsp");
view.forward(request, response);
最佳答案
您需要某种服务器端编程语言来为每个用户动态生成图像的路径。无论如何,您确实有一个供用户登录的设置。为此,我相信您在某些服务器端脚本语言中拥有某种框架,例如 PHP(Laravel、Wordpress、CodeIgniter)、Java(Spring)、Ruby(Rails)、Python(Django)。
因此当用户登录时,您的登录脚本应该验证用户并且您将呈现特定的 html 页面。并且您应该显示用户名和特定图像。在 PHP 或 Ruby on Rails 中,您可以在 HTML 中嵌入实际的 PHP 代码或 Ruby 代码。
在 PHP 中,像这样:
<html>
<head> </head>
<body>
<!-- say PHP Session varibale contains the logged in user's name & bucket name -->
<img src="<?php echo "https://"+ $_SESSION["bucket_name"] +".amazonaws.com/"+$_SESSION["username"] ?>" />
</body>
</html>
在 Ruby on Rails 中,像这样:
<html>
<head> </head>
<body>
<!-- say Ruby - Rails controller passes @username & @bucketname to view -->
<img src="<%= "https://"+ @bucketname +".amazonaws.com/" + @username %>" />
</body>
</html>
在 Python - Django 中,像这样:
<html>
<head> </head>
<body>
<!-- In Python - Django Suppose you pass context variables username & bucketname to template -->
<img src="https://{{ bucketname }}.amazonaws.com/{{ username }}" />
</body>
</html>
所以我的建议是,您熟悉您打算使用或已经在使用的服务器端脚本语言,并根据登录用户相应地操作要生成的 url。
关于html - 如何在html文件中添加图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33657207/