flask实现在首页文章列表中图片简略表示

最新推荐文章于 2022-12-01 21:55:08 发布
最新推荐文章于 2022-12-01 21:55:08 发布
阅读量2.6k 收藏 1
点赞数 1
分类专栏： 7、web 开发 文章标签： flask web-前端 jinja2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012675539/article/details/50899149
版权
本文介绍了如何在使用 Flask 开发论坛时，处理首页文章列表中的图片，将其简略显示为 '[图片]'。通过自定义 Jinja2 过滤器，利用正则表达式替换图片 HTML 标签，实现这一功能。详细步骤包括编写过滤器函数并注册到环境中，最终在首页成功展示了处理后的文章内容。
摘要由CSDN通过智能技术生成

1. 问题

最近在使用 flask 开发一个论坛时遇到了下面问题：

我的站点首页有很多的文章，文章里面会出现图片（实际是上传到服务器的图片 html 链接），我需要在站点首页里将文章中的图片简略表示成 [图片] 两个字呢，就像知乎手机客户端那种。

就像下图第二楼中的简略表示，但那个是我为了描述方便，手打的。

这里写图片描述

另外补充两点：

  1. 我的博客文章是保存在数据库中的 html 文本
  2. 首页的文章显示是通过 jinja2 模板引擎渲染出来的

2. 思路

google 查了半天没有解决办法，但找到了一点思路，就是自定义 jinja2 过滤器，使用过滤器将 图片 html 标签<img /> 全部替换成文字 [图片] 就行了。

3. 解决

花了半个小时查了下 python 中正则表达式的使用方法，最终解决了问题。

自定义过滤器需要做两项工作：一是写一个filter函数；然后在当前环境中注册filter。

编写如下过滤器函数 subImg

def subImg(nam
最低0.47元/天 解锁文章
子辰曦
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Python flask框架如何显示图像到web页面
09-16
主要介绍了Python flask框架如何显示图像到web页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Flask - 文章分类
qq_33962481的博客
02-26 172
目录函数视图 函数 # 文章分类 @article_bp.route('/article_type') def article_type(): type_id = request.args.get('tid') page = int(request.args.get('page', 1)) pagination = Article.query.filter(Article.type_id == type_id).order_by(-Article.pdatetime).paginat
Flask安装首页显示
weixin_34117211的博客
01-15 78
参考：http://flask.pocoo.org/1、安装和测试[root@node1 flask]#pip install flaskd[root@node1 flask]# cat app.pyfrom flask import Flaskapp = Flask(__name__)@app.route("/")def hello():return "Hello World!"if __nam...
python的flask前端显示图片_Flask如何提取文章中的图片显示在首页？
weixin_39877581的博客
12-19 345
我用的是CKEditor编辑器的上传功能做的向文章中加入图片，图片是上传到本地的。那么问题来了，我该通过什么方法获取该文章中的图片呢？前端我是通过js进行滚动的我尝试了下用Python库newspaper3k,只可以抓取其他网站上的内容而无法抓取本地...main.route('/newspaper')def newspaper():articles = []# category = Catego...
flask返回图片
itlianjinshushi的博客
06-06 960
暂无
床上用品左右箭头切换图片下方带简略图.zip
07-04
2. **图片切换逻辑**：在JavaScript中，通常会有一个数组存储所有图片的URL，然后通过改变图片元素的`src`属性来实现图片的切换。左右箭头的点击事件会触发相应的函数，根据当前显示的图片索引来决定下一张或上一张...
vuex实现及简略解析(小结)
10-17
在Vuex中，数据流动遵循单向数据流原则，从状态（State）到视图（View），再到动作（Action），再到更改状态的变异（Mutation），最后再次更新视图。 1. **状态管理**：在Vuex中，`state`用于保存应用的全局状态。...
Java+MySQL实现简略的超市信息管理系统.zip
最新发布
03-04
在本项目"Java+MySQL实现简略的超市信息管理系统"中，我们主要关注的是如何利用Java编程语言和MySQL数据库来构建一个基础的信息管理系统。这个系统的设计与开发涉及到人工智能的运用，尤其是在数据处理和用户交互...
Android 图片浏览全屏缩放
05-10
在Android开发中，实现图片浏览的全屏缩放效果是一项常见的需求，特别是在社交应用中，如QQ好友动态和微信朋友圈。这种功能不仅需要提供良好的用户体验，还需要考虑性能和内存优化，因为图片通常较大，处理不当可能...
flask+python+js查询列表内容展示，列表项编辑和删除
03-10
flask查询列表内容展示，列表项编辑和删除
python 实现Flask中返回图片流给前端展示
09-18
今天小编就为大家分享一篇python 实现Flask中返回图片流给前端展示，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Flask - 首页展示（详情页）
qq_33962481的博客
02-24 742
目录详情页实现用户点赞功能三级目录 详情页 {% extends 'base.html' %} {% block title %} 文章详情 {% endblock %} {% block styles %} {{ super() }} <style> #container { width: 1200px; margin: 0 auto; } #detail {
flask（列表数据接口设计）
aywp54405的博客
11-06 559
新闻列表数据只是当前页面的一部分 点击分类时需要去获取当前分类下的新闻数据 并在展示的时候需要更新新闻列表界面，不需要整体页面刷新 所以新闻数据也使用 ajax 的方式去请求后台接口进行获取 接口设计 URL：/news_list 请求方式：GET 传入参数：JSON格式 参数 参数名类型是否必须参数说明 cid string ...
python flask智能租房项目——列表页
王和平的第三个果园
12-22 1866
蓝图 使⽤蓝图可以分为三个步骤 创建⼀个蓝图对象 admin=Blueprint('admin',__name__) 在这个蓝图对象上进⾏操作,注册路由,指定静态⽂件夹,注册模版过滤器 @admin.route('/') def admin_home(): return 'admin_home' 在应⽤对象上注册这个蓝图对象 app.register_blueprint(admin,url_prefix='/admin') 当这个应⽤启动后,通过/admin/可以访问到蓝图中定义的视图函数 搜索列表
Python Flask Jinja2上传图片 并预览
qq_41843228的博客
03-16 1735
前端上传图片 enctype="multipart/form-data"加载form中， 多种形式上传文件 html： <form method="POST" action="{{ }}" enctype="multipart/form-data"> <div class="modal-body"> <div class="form-group"...
例子: 自制Flask首页导航.
weixin_30919235的博客
10-22 267
# -*- coding:utf-8 -*- ''' Created on 2015年10月19日 ''' from flask import Flask, render_template import os app = Flask(__name__) @app.route("/") def index(): """"首页""" #保存展示在...
Python flask传递照片
AIOT魔法师
05-19 762
服务器端： 这里的操作就是当客户端运行程序提交照片后，将客户端的照片保存在工程目录下，保存名称为01.png from flask import request, Flask import base64 import cv2 import numpy as np app = Flask(__name__) @app.route("/", methods=['POST','GET']) def get_frame(): #解析图片数据 img = base64.b64decode(str(r
使用flask实现图片的查看、翻页操作、分类和上传
m0_51864191的博客
12-01 2709
使用flask实现图片的查看、翻页操作、分类和上传。
【flask】——接收和返回图片
怡宝2号
10-26 9323
转载自:https://www.jianshu.com/p/cafbeec49674 接收图片 首先写一个接收图片的接口， @img_tansfrom.route('/img/send_img', methods=['POST']) def send_img(): f = request.files['file'] img = f.read() print('img',type(img)) im1 = Image.open(img) print('im1',type(
基于matlab实现 FSK 误码指标测试 给出简略代码
05-31
好的，下面是一个基于 Matlab 实现 FSK 误码率测试的简略代码示例： ```matlab clear all; close all; clc; %% 信号生成 fs = 10000; % 采样率 fc = 1000; % 载波频率 fdev = 500; % 偏移频率 bitrate = 100; % ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值