场景一:图片转码成base64,传输,接收后解码成png等格式图片

import base64

# 读取图片,转换为base64编码格式
with open("F:\Archer\picture\yunyun.jpg", "rb") as f:
content = f.read()
base64_data = base64.b64encode(content) # 转换为base64编码 # 写入图片,将base64格式解码写入图片(存在覆盖,不存在创建)
with open("F:\Archer\picture\yunyun2.png", "wb") as file:
content = base64.b64decode(base64_data) # 将base64编码解码
file.write(content)

场景二:图片转码成base64,加到邮件的Html里面,邮件的接受者直接可查看(解决问题:邮件里的图片地址为本地的,邮件接受者显示不出来)

import base64

with open("F:\Archer\picture\yunyun.jpg", "rb") as f:
# b64encode是编码,b64decode是解码
base64_data = base64.b64encode(f.read()) # 编码
# base64.b64decode(base64data)
base64_data_str = str(base64_data, encoding="utf-8")
html_str = "data:image/jpg;base64," + base64_data_str
print(base64_data_str) htmlBody = f"""
  <body>
    <img src="{html_str}">
  </body>
"""

场景三:本地图片转换为base64格式编码,传递到前端展示

view部分:

import base64
from django.shortcuts import render
from django.core.paginator import Paginator def images(request, pictureFile_list):
image_list = []
for file in pictureFile_list:
with open(file, "rb") as f:
base64_data = base64.b64encode(f.read())
base64_data_str = "data:image/jpg;base64," + str(base64_data, encoding="utf-8")
image_list.append(base64_data_str) paginator = Paginator(image_list, 1) # 实例化Paginator, 每页显示1条数据
page = paginator.page(paginator.num_pages) # 传递当前页的实例对象到前端
# print(page.paginator, page.object_list)
content = {"page": page} return render(request, 'images.html', content)

template部分:

{% for img in page %}
<div>
<img src="{{ img }}" />
</div>
{% endfor %}

图片64base转码与解码的更多相关文章

  1. FFmpeg源码结构图 - 解码

    ===================================================== FFmpeg的库函数源码分析文章列表: [架构图] FFmpeg源码结构图 - 解码 FFm ...

  2. java实现url转码、解码

    URL由来: 一般来说,URL只能使用英文字母.阿拉伯数字和某些标点符号,不能使用其他文字和符号.比如,世界上有英文字母的网址 “http://www.abc.com”,但是没有希腊字母的网址“htt ...

  3. Halcon一维码和二维码的解码步骤和技巧——第11讲

    针对Halcon中一维码和二维码的解码,我分别写了两篇文章,参见: <Halcon的一维条码解码步骤和解码技巧>:https://www.cnblogs.com/xh6300/p/1048 ...

  4. android 图片二维码识别和保存(二)

    续上一篇,开发图片二维码识别功能后,我们对功能进行性能分析内存占用显著提高了,不使用该功能内存占用大约是147M,使用这个功能多次以后,高达203M. 因此对功能进行研究,发现每次生成的图片没有即时的 ...

  5. 如何通过github上传项目并在readme.md中展示图片二维码

    将本地项目上传至github   第一步:git init (创建仓库)   第二步:git add README.md (添加项目)git add *   第三步:git commit -m &qu ...

  6. JavaScript对HTML字符转义与反转义(转码和解码)

    HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的,在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式 一.用浏览器 ...

  7. python 应用开发之-用base64 对图片文件的编码和解码处理

    用base64 对图片文件的编码和解码处理 import base64 def convert(image): f = open(image) img_raw_data = f.read() f.cl ...

  8. online QRcode generator , QRcode=== (Quick Response Code) , 二维条码,二维码,彩色二维码,图片二维码,

    online QRcode generator ,  QRcode=== (Quick Response Code)    , 二维条码,二维码,彩色二维码,图片二维码, 1 http://cli.i ...

  9. javascript处理HTML的Encode(转码)和解码(Decode)

    HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的,在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式 一.用浏览器 ...

随机推荐

  1. Android四大组件——Activity——Activity之间通信下

    显式意图:一般是用于应用内组件跳转.(如从ActivityA跳转到ActivityB) 隐式意图:一半用于应用之间的跳转.(如从ActivityA跳转到拨号) 隐式意图跳转到百度: 只需将前面Main ...

  2. 真实本人亲测Elasticsearch未授权访问漏洞——利用及修复【踩坑指南到脱坑!】

    如要转载请注明出处谢谢: https://www.cnblogs.com/vitalemontea/p/16105490.html 1.前言 某天"发现"了个漏洞,咳咳,原本以为这 ...

  3. 【第五课】VIM编辑器(学习笔记)

    4月10日学习笔记打卡

  4. 论文解读(MERIT)《Multi-Scale Contrastive Siamese Networks for Self-Supervised Graph Representation Learning》

    论文信息 论文标题:Multi-Scale Contrastive Siamese Networks for Self-Supervised Graph Representation Learning ...

  5. Django/MySql数据库基本操作&ORM操作

    数据库配置: #第一步在settings里面 DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME':'dbna ...

  6. Docker被禁了!只能靠它了......

    科技飞速发展的今天,企业对候选人有了新的更高要求,如市场.运营等必须会Python.Sql,面试常问诸如用户漏斗等考察数据分析能力.可以说,懂数据的人会更有竞争力通过面试. 而市场上,专业的数据分析人 ...

  7. DDoS攻击--TCP攻击概述

    https://blog.csdn.net/qq_34777600/article/details/81945594

  8. 简易版 vue实现

    Vue-mini 完整的Demo示例:git@github.com:xsk-walter/Vue-mini.git 一.Vue实例 构造函数: $option\ $el\ $data 判断是否存在 通 ...

  9. 929. Unique Email Address - LeetCode

    Question 929. Unique Email Address Solution 题目大意: 给你一个邮箱地址的数组,求出有多少个不同的地址,其中localName有如下规则 加号(+)后面的字 ...

  10. 关于我开发tinymce的自由表单、病历插件这件事

    项目地址:https://gitee.com/zhao-xuhang/tinymce 1.前期准备 这是个vue2项目所以要使用vue-cli (虽然开发tinymce插件和这个没关系) 1. 使用n ...