如何在html文件中添加图像?

Jav*_*per 7 html image amazon-s3

每当我读到有关html和图像的文章时,我都会看到这样的锚标记:

<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>
Run Code Online (Sandbox Code Playgroud)

从servlet调用此JSP代码.

request.setAttribute("url", "URL to image.");

RequestDispatcher view = request.getRequestDispatcher("URLImage.jsp");
view.forward(request, response);
Run Code Online (Sandbox Code Playgroud)

Son*_*hew 3

您需要某种服务器端编程语言来为每个用户动态生成图像的路径。无论如何,您确实有一个供用户登录的设置。为此,我相信您在某些服务器端脚本语言中拥有某种框架,例如 PHP(Laravel、Wordpress、CodeIgniter)、Java(Spring)、Ruby(Rails)、Python(Django)。

因此,当用户登录时,您的登录脚本应该验证用户,并且您将呈现特定的 html 页面。您应该显示用户的姓名和特定的图像。在 PHP 或 Ruby on Rails 中,您可以将实际的 PHP 代码或 ruby​​ 代码嵌入 HTML 中。

在 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>
Run Code Online (Sandbox Code Playgroud)

在 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>
Run Code Online (Sandbox Code Playgroud)

在 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>
Run Code Online (Sandbox Code Playgroud)

所以我的建议是,您熟悉您打算使用或已经使用的服务器端脚本语言,并相应地根据登录用户操作要生成的 url。