关于图片标签 <img src=" " alt=" "/> 中的 src 属性消失不见了的问题

前端使用 <img/> 标签展示图片的时候,src 指的是图片的路径,如果路径错了,图片不能正常展示出来;但是自己遇到一种更奇怪的情况,就是后台拼接字符串的方式,返回整个 <img/> 标签给前端展示图片,然后标签的 src=" " 属性整个消失不见了,连 alt=" " 属性也不见了,但是 style=" " 样式的属性就正常存在,最后也是搞了半天才知道原因,原来还是路径问题!!后台拼接字符成的方式返回给前端 html 标签时,img 中的 src 路径如果错误了,会导致 src 这个属性直接消失,连 alt 属性也会消失,控制样式的属性就正常。

总结:

路径的错误可能会导致 src 属性直接消失!导致图片出不来!

原文地址:https://www.cnblogs.com/xuehuashanghe/p/10451887.html

时间: 2024-10-28 16:37:25

关于图片标签 <img src=" " alt=" "/> 中的 src 属性消失不见了的问题的相关文章

图片标签img中alt与title的区别

大家可以来做测试:把以下代码保存的文本中,命名为*.html结尾的文件,然后分别用不同浏览器打开. 代码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head><title>图片标签img中al

UIWebView之获取所点位置的图片标签和src

UIWebView有自己的UIResgure,如果我们手动加入自己的GestureRecognize将不能识别,如UILongPressGestureRecongnizer. 在浏览网页的时候,如果看到喜欢的图片,想把它保存下来如何办呢? 我们可以自己写一个程序来实现,用uiwebview开发一个自己的浏览器. 上面说到uiwebview不能识别long press gesture,幸好有一个可以识别,那就是double click.因此我们注册它,代码如下 UITapGestureRecogn

html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格

打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftmargin   左边距 rightmargin 右边距 bottommargin  下边距 body属性用法示例: 格式控制标签: <font color="" face="" size=""></font> 分别控制字体的颜

表格标签,图片标签,框架标签,表单标签

一)表格标签 <table>标签 表格里面需要设置单元格的行,在行内设置单元格代表该行的列. 通过改变table的属性还有单元格的属性可以设置单元格的跨度,字体,对齐方式等. 示例: <table align="center" border="1px" width="400pt" height="300pt"> <tr> <th colspan="3">学习成

HTML图片标签

<body> <!-- 使用img标签来向网页中引入外部的图片, img标签也是一个自结束标签 属性: src:设置一个外部图片的路径 alt:可以用来设置图片不能显示时,就会显示图片的描述 搜索引擎可以通过alt属性来识别不同的图片 如果不写alt属性,则搜索引擎不会对img中的图片进行收录 width:可以用来修改图片的宽度 height:可以用来修改图片的高度 宽度和高度两个属性如果只设置一个,另一个也会同时等比例调整大小 如果两个值同时指定则按照你指定的值来设置 一般开发中除了自

图片标签

图片标签 <!doctype html> <html> <head> <meta charset="utf-8" /> <title>图片标签</title> </head> <body> <!-- 使用img标签来想网页中引入一个外部图片, img标签也是一个自结束标签. 属性: src:设置一个外部图片的路径 alt:可以用来设置在图片不能显示时,对图片的描述 搜索引擎可以通过al

HTML 图片标签的学习

图片标签 <img> 标签定义 HTML 页面中的图像. <img> 标签有两个必需的属性:src 和 alt. 注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上.<img> 标签的作用是为被引用的图像创建占位符. 提示:通过在 <a> 标签中嵌套 <img> 标签,给图像添加到另一个文档的链接. 这里要说一下a标签: <a> 标签定义超链接,用于从一个页面链接到另一个页面. <a> 元素最

html中的src与href的区别

写代码的时候就经常把这两个属性弄混淆,到底是href还是src,href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系,src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分. src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置:在请求src资源时会将其指向的资源下载并应用到当前文档中,例如js脚本,img图片和frame等元素. <scri

html5仿小红书的图片标签功能

最近做了这样的一个功能,在wap网页上实现类似小红书app里的图片标签功能,很是蛋疼. 上传页示例如下图: 可以看到最上面的①是展示区域,也是编辑标签的操作区域:中间②是可滑动的缩略图,在此选择要编辑的图片:最下面③是"添加图片"和"添加标签"两个按钮. 废话不多说,下面介绍具体实现思路. 首先就是要有"选择图片"的按钮. 1 <input type="file" name="fileToUpload"