内容提交的时一个图片，但是前端显示的时＜img src=“地址“＞而不是图片

最新推荐文章于 2022-03-16 09:46:00 发布
最新推荐文章于 2022-03-16 09:46:00 发布
阅读量657 收藏
点赞数
分类专栏： Django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31910669/article/details/114734735
版权

这是因为浏览器多管闲事，它以为你想要的是展示内容。加上safe过滤器就行了，让浏览器正常渲染。

<strong class="text-break pr-4">{{ comment.content|safe }}</strong>
大聪明Smart
关注
专栏目录
HTML----基础案例（与笔记对应）
sumuqi的博客
03-22 754
案例1 !DOCTYPE html> <html> <head> <title>第一个HTML文件</title> <meta charset="utf-8"> </head> <body> 欢迎学习HTML </body> </html> 案例2 <html...
前端基础HTML
qq_40423104的博客
07-25 2076
****HTML笔记 一. HTML常用标签 1. 段落标签：p标签 <p></p> 格式：<p>这是一个段落标签</p> 用于将段落进行分段 举例： <p>拉布拉多又称寻回犬，是一种中大型犬类，是非常适合被选作经常出入公共场合的导盲犬或地铁警犬及搜救犬和其他工作犬的狗品种，因原产地在加拿大的纽芬兰与拉布拉多省而得名。</p> <p>拉布拉多猎犬有四种颜色，分别为：黑色、黄色、巧克力、米白色。最常见的是黑色，黄色。
img的src地址是一个请求的方式来显示图片方法
10-20
下面小编就为大家带来一篇img的src地址是一个请求的方式来显示图片方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
正则匹配获取＜img src=“图片地址“ title=“标题“ /＞ 获取图片地址
qq_59717525的博客
07-16 1433
let str='<img src="图片地址" title="图片1" />'; let src = tempList[i].match(/src=[\'\"]?([^\'\"]*)[\'\"]?/i); //获取图片地址 let name = tempList[i].match(/title=[\'\"]?([^\'\"]*)[\'\"]?/i); //获取图片标题
HTML Img标签 src为网络地址无法显示图片问题解决（https）
kodmoqn的博客
06-03 1273
HTML Img标签 src为网络地址无法显示图片问题解决（https）
img src地址 以请求的方式来显示图片
sinat_36279113的博客
09-11 4935
img标签 <img style="width:100%;height:100%;" class="minImg" src="satellite/img?id=b9d1c1d8-f191-11e9-a407-80a589861ae2"> java部分 // 获取图片信息 @RequestMapping(value = "/img",method = RequestMethod.GET) public String img(HttpServletRequest request, Http
正则获取html中的 <img src = 图片地址
12-26
通过正则表达式，解析html中的<img 标签，获取图片地址。还有部分正则没处理显示
HTML CSS整理笔记（建议收藏）
lin123_00的博客
04-23 1026
点击链接后退页面： <a href="javascript:history.go(-1)">回到上一个网页</a> ——修改placeholder提示的样式： 我的学习交流群点击此处 1.除IE外通用写法 类名或标签名::placeholder {color: red;} 2.加兼容前缀写法 css超出一行显示省略号： 给定宽度(width:100px)、 ...
vue实现的上传图片到数据库并显示到页面功能示例
10-18
然后，在模板中使用`v-bind`或`:src`指令将该路径绑定到`<img>`元素的`src`属性，实现图片在页面上的显示。为了确保图片路径正确，可能需要处理一下相对路径，以便与前端服务器配置相匹配。 6. **错误处理与兼容性*...
web前端图片资源
11-06
一个典型的图片上传流程可能包括前端通过AJAX提交表单数据，后端接收并验证文件，然后将图片保存至服务器，并返回保存成功的通知。前端接收到成功消息后，可以更新图片的URL以供展示。 总之，Web前端图片资源的管理...
html插入图片img中的src图片路径（相对路径和绝对路径）
m0_52118763的博客
02-26 4万+
1相对路径 1同一级目录 <img src="1.jpg" \> 2下一级目录 3.jpg路径------web\images\3.jpg 1.html路径-----web\1.html <img src="images/3.jpg" \> 3上一级路径 demo1.html----路径web\html\demo1.html 2.jpg-------路径web\2.jpg <img src="../2.jpg" \> 如果要返回上一级的上一级 <img src
Html代码中，<img src="">如何写图片路径
Dear_Merlin的博客
09-14 3万+
1、绝对路径：  图片来源本地： &lt;img src="file:///E:/Scripts/HTMLScripts/pics/陈好.jpg"/&gt;  图片来源网络： &lt;img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/&gt; 2、相对路径： html文件跟*.jpg图片在相同目录下：
【image】src相对地址的引入
糯米w的博客
10-09 2733
src相对地址的引入前言：相对路径：src引用： 前言： 在引入图片的时候，突然发现通过相对地址引入项目内图片不会了 特此在这里记录一下，以便学习 相对路径： 使用原因：对于放在一个项目包内的图片资源，通过相对路径可直接引用，绝对路径是对于网络资源或者硬盘上资源的引用。 基本语法： 1、 “ . ” – 当前目录 2、 “ … ” – 上一级目录 3、 “ / ” – 分隔目录 实例： [ ./ ] : 代表当前目录和文件目录在同一个目录 [ …/ ]：代表当前文件所在上一级目录 [ / ]：代表根
html<img>标签中src=“图片路径”，怎么用变量替换路径
lovewingss的博客
03-29 4万+
bg0.gif~bg5.gif fChBg=function(szID){ var dwMax=5; //定义图片上限0~5 var szPic="bg";//定义图片名前缀 var szExt="gif";//定义图片后缀 document.getElementById(szID).style.backgroundImage="url("+szPic+Math.floor(Ma
HTML基础-05-图片（引用图片src=“图片地址“、图片位置 align=“位置“、浮动图片 style=“float:位置“、图片链接 href=“目标url“、图形映射）
运维玄德公
03-16 2534
1. 引用图片（src="图片地址"） 语法示例 完整示例 2. 图片的位置（align="位置"） 语法示例 完整示例 3. 浮动图片（style="float:xxx"） 语法示例 完整示例 4. 图片的链接（href="目标url"） 语法示例 完整示例 5. 创建图形映射 语法示例 完整示例...
html绝对路径引入桌面图片,<imgsrc="">如何显示绝对路径的图片?_html/css_WEB-ITnose
weixin_36156538的博客
05-31 1678
如题, 比如我想显示http://..../https://img.gxlcms.com/C:\img\aaa.jpghttp://..../该如何写?http://..../http://..../回复讨论(解决方案)http://..../http://..../http://..../ http://..../img文件放到根目录下、 http://..../直接些不行？ http://.....
点击图片放大、获取图片地址和显示阴影demo
AI人间的博客
04-19 517
点击图片放大 js代码片段 function enlarge(){ $(".bgg,.maxphoto").show(); } $(".bgg").click(function(){ $(".bgg,.maxphoto").hide(); }) css代码片段 .bgg{width: 100%;height: 100%;position: fixed;backgr
Html中<img src=""/>图片路径的使用方式
热门推荐
u012072085的博客
01-19 12万+
1、*html文件跟*.jpg文件(f盘)在不同目录下：       2、*.html文件跟*.jpg图片在相同目录下：        ; 3、*.html文件跟*.jpg图片在不同目录下：       a、图片*.jpg在image文件夹中，*html跟image在同一目录下：                    b、图片*jpg在image文件夹中，*html在connage文件夹中，ima
HTML中＜img src=““＞中图片路径的用法
CyberPlayer的博客
06-18 8717
1、绝对路径： 图片来源本地：<img src="file:///E:/Scripts/HTMLScripts/pics/陈好.jpg"/> 图片来源网络： <img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/> 2、相对路径： html文件跟*.jpg图片在相同目录下： <img src="陈好.jpg"> html文件跟*.jpg图片在不同目录下：...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> <link rel="stylesheet" href="/layui/css/layui.css"> <style> .content { padding: 15px; } i { margin-right: 10px; } .site-doc-icon li { width: 150px; height: 150px; line-height: 150px; margin: 0 auto 10px; text-align: center; background-color: #0099FF; cursor: pointer; color: #fff; border-radius: 50%; } .site-doc-icon li { display: inline-block; margin: 10px; } .site-doc-icon li { display: inline-block; } </style> </head> <body class="layui-layout-body"> <nav class="layui-layout layui-layout-admin"> <#include "head.ftl"> <div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <ul class="layui-nav layui-nav-tree"> <li class="layui-nav-item layui-this"> <a href="/admin/index.html"> <i class="layui-icon layui-icon-home"></i>首页 </a> </li> <li class="layui-nav-item"> <a href="/admin/user/0.html"><i class="layui-icon"></i>用户管理</a> </li> <li class="layui-nav-item"> <a href="/admin/category.html"><i class="layui-icon"></i>分类管理</a> </li> <li class="layui-nav-item"> <a href="/admin/debook.html"><i class="layui-icon"></i>书评管理</a> </li> <li class="layui-nav-item"> <a href="/admin/statistics.html"><i class="layui-icon"></i>统计占比</a> </li> </ul> </div> </div> <div class="layui-body"> <!-- 内容主体区域 --> <div class="content"> <div class="layui-col-md11" style="padding: 20px 100px;"> <blockquote class="layui-elem-quote" style="color:#000000; margin-bottom: 50px"> <i class="layui-icon"></i>欢迎来到共享图书系统 </blockquote> <div> <img style="width: 100%; height: 400px" src="/images/aa.jpg"> </div> </div> </div> </div> <#include "bottom.ftl"> </nav> </body> <script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="/js/axquery.js"></script> <script type="text/javascript" src="/js/template-web.js"></script> <script type="text/javascript" src="/layui/layui.all.js"></script> <script> layui.use([], function () { var $ = layui.jquery; //演示动画开始 $('.site-doc-icon .layui-anim').on('click', function () { var othis = $(this), anim = othis.data('anim'); //停止循环 if (othis.hasClass('layui-anim-loop')) { return othis.removeClass(anim); } othis.removeClass(anim); setTimeout(function () { othis.addClass(anim); }); //恢复渐隐 if (anim === 'layui-anim-fadeout') { setTimeout(function () { othis.removeClass(anim); }, 1300); } }); //演示动画结束 }) </script> </html>如何和后端交互的
最新发布
05-25
这是一个 HTML 页面，它通过前端技术展示页面内容。如果需要与后端进行交互，通常需要使用 AJAX 技术发送请求并接收响应，或者使用表单提交数据。这里使用了 jQuery 库来简化 AJAX 请求的操作，而后端可能会使用某种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大聪明Smart

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值