当前位置: 首页 > 编程笔记 >

Django 实现前端图片压缩功能的方法

陈昊昊
2023-03-14
本文向大家介绍Django 实现前端图片压缩功能的方法,包括了Django 实现前端图片压缩功能的方法的使用技巧和注意事项,需要的朋友参考一下

思路:

<img alt="" src="/img/图片真实地址" ></img>

上面是一个典型的HTML中的图片,在django中,src对应的path会经过url进行过滤处理,所以可以通过写view过滤器的方式来实现图片压缩,代码如下

url

url(r'^img/(?P<path>(.+))/$',img),

view

def img(request,path):
  im=Image.open(settings.STATIC_ROOT+path)
  x,y=im.size
  im=im.resize((int(x/1.5),int(y/1.5)),Image.ANTIALIAS)
  response = HttpResponse(mimetype="image/png")
  #将PIL的image对象写入response中,通过response返回
  im.save(response, "PNG")
  return response

结论:通过类似于filter的方法可以实现图片压缩,且下一个请求该图片时,会直接调用缓存,并不会再次进行图片压缩。

注:对性能的影响会在验证完成后上传

以上这篇Django 实现前端图片压缩功能的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍JavaScript前端实现压缩图片功能,包括了JavaScript前端实现压缩图片功能的使用技巧和注意事项,需要的朋友参考一下 为什么要前端来压缩图片 最近在做一个移动端h5上传图片的功能,本来这个功能并不复杂,只需要将图片文件通过axios传到服务端即可,但是考虑到现在手机设配的拍照功能十分强大,随便一张照片都能动辄五六兆,而服务端的要求是上传图片必须小于两兆,而且直接传这么大图

  • 本文向大家介绍iOS实现压缩图片上传功能,包括了iOS实现压缩图片上传功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了iOS实现压缩图片上传功能,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家学习iOS程序设计有所帮助。

  • 本文向大家介绍JNI方法实现图片压缩(压缩率极高),包括了JNI方法实现图片压缩(压缩率极高)的使用技巧和注意事项,需要的朋友参考一下 前言 直接使用项目或直接复制libs中的so库到项目中即可(当前只构建了armeabi),需要其他ABI可检下项目另外使用CMake构建即可。 结果预览: 效果图.png   jni_278KB.png quality_484KB.png sample_199KB

  • 本文向大家介绍Java 实现图片压缩的两种方法,包括了Java 实现图片压缩的两种方法的使用技巧和注意事项,需要的朋友参考一下 问题背景。 典型的情景:Nemo社区中,用户上传的图片免不了要在某处给用户做展示。 如用户上传的头像,那么其他用户在浏览该用户信息的时候,就会需要回显头像信息了。 用户上传的原图可能由于清晰度较高而体积也相对较大,考虑用户流量带宽,一般而言我们都不会直接体积巨大的原图直接

  • 本文向大家介绍移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能,包括了移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能的使用技巧和注意事项,需要的朋友参考一下 面向百度开发 html js 总结 以上所述是小编给大家介绍的移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,

  • 本文向大家介绍php上传图片并压缩的实现方法,包括了php上传图片并压缩的实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了php上传图片并压缩的实现方法,之前一篇《PHP实现图片上传并压缩》已经为大家进行了简单介绍,此次实现上传图片然后按照比例缩略图,指定缩略图的最大高度或者最大宽度,具体内容如下 实现代码: 使用方法: 希望本文所述对大家学习php程序设计有所帮助。