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

如何在html文件中添加图像?,第1张

概述每当我阅读有关html和图像的文章时,我都会看到这样的锚标记: < img src =“http://www.tizag.com/pics/htmlT/sunset.gif”/> 但是,在我的情况下,我已将图像存储在AWS-S3中,而我正在从S3读取图像.这个,我不提前有一条像“http://www.tizag.com/pics/htmlT/sunset.gif”这样的路径 那么当图像存储在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'\u0026gt;对于用户1 < img src =“http:bucket.amazonaws.com/USER2'\u0026gt;用户2 等等. 因此,我将显示的图像直到运行时才知道,图像路径取决于谁登录.
如何使我的HTML页面变得智能,以便图像src不是常量,并且可以根据谁登录而变得灵活?

JsP中的解决方案,我可以做的,感谢很多答案:

<body><% String url = (String)request.getAttribute("url"); %><img src = <%= url %>></img> </body>

从servlet调用此JsP代码.

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文件中添加图像?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1138545.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存