html - 如何在html文件中添加图片?

标签 html image amazon-s3

每当我阅读有关 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/

相关文章:

java - 从 Mysql DB 读取图像并将其再次发送到 Java 中的 DB

ruby-on-rails - Rails 3.1 Assets 管道 : other assets on Amazon S3 demanding to be precompiled?

javascript - 使用 Java 脚本将可变数量的答案保存到单个文本框

html - 带有 Logo 的 Bootstrap 导航栏

android - 在android中上传之前的图像压缩

python - 如何计算 python 中图像上的红色和黄色多边形?

amazon-web-services - AWS CLI“s3 ls”命令列出虚拟文件夹中文件的日期范围

ruby-on-rails - Rails 4、Paperclip、Amazon S3 - 上传到特定文件夹

javascript - 带有 JS 和 JQuery 的 HTML 集成 Canvas

jQuery 更改所有 <element> HTML 如果 HTML = Something