前台html页面的img标签图片想动态从数据库获取，如何获取？

1、这个在数据库中存储img图片的地址，前台放置img服务器标签，后台读取数据库中的img图片地址赋值。

2、可以在后台进行html拼接，拼接出img标签，然后输出前台，使用Ajax，在后台写好获取数据库中img图片地址的方法。

3、前台，在页面加载时，base64码字符串传到前台转换即可展示图片：<img src="data:image/jpgbase64,<%=base64Path %>" width="50%" height="50%"/>。

4、之后会再发一个带图片预览的用ajax存储图片的Demo。

5、读取时就是从数据库读取对应数据再转化成图片显示出来。

扩展资料

img 元素向网页中嵌入一幅图像。

请注意，从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。

<img>标签有两个必需的属性：src 属性 和 alt 属性。

<img>标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。

为了整理文档的存储，创作者通常会把图像文件存放在一个单独的文件夹中，而且通常会将这些目录命名为 "pics" 或者 "images" 之类的名称。

在 W3School 在线教程中，我们的工程师把大部分常用的图像都存放到一个名为 "i" 的文件夹中，"i"是 "images" 的缩写，这样做的好处是可以最大程度地简化路径。

在 HTML 中，<img>标签没有结束标签。在 XHTML 中，<img>标签必须被正确地关闭。

在 HTML 4.01 中，不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

在 XHTML 1.0 Strict DTD 中，不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

1、html插入图片要用到img标签。具体的用法，首先新建一个html文件，写入基本的html结构，导入一张gif格式的图片：

2、接着给img标签一个class属性，命名为img，在head标签中设置style标签，在style标签设置“.img”的属性，这里设置图片的长度和高度，并且设置图片的对齐方式为中心对齐，最后按下crtl＋S键保存文件：

3、打开浏览器，可以看到网页中的gif图片的内容。以上就是使用html标签显示gif图片的方法：

代码是“<img scr = '图片地址'>”。

1、新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“</img>”代码。给img标签添加属性“src”，属性值填自己想要添加图片的地址，这里以同一目录下的1.png为例，这样图片就添加好了:

2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容，可以给img标签添加“alt”属性，属性值填想要显示的内容，这里以“鹦鹉”为例，此时，当图片加载失败时，“鹦鹉”两个字就会显示出来：

3、img插入的图片大小默认是图片自身的大小，我们可以用“width”属性和“height”属性控制图片大小，这里以宽度200和高度200为例，此时代码就是“width='200' height='200'”，这样图片大小就会变成200*200：

---