本地图片上传到服务器,其本质上来讲,就是读取本地图片,复制到服务器,并返回服务器url

前端代码,用的form表单提交,form表单中包含两个文件选择表单元素,选择文件,点击提交按钮,提交form表单

服务端代码如下:

def get_path_format_vars():

  return { 

    "year":datetime.now().strftime("%Y"),
    "month":datetime.now().strftime("%m"),
    "day":datetime.now().strftime("%d"),
    "date":datetime.now().strftime("%Y%m%d"),
    "time":datetime.now().strftime("%H%M%S"),
    "datetime":datetime.now().strftime("%Y%m%d%H%M%S"),
    "rnd":random.randrange(100,999),
  }

def GetOutputFileInfo(request, path_format, path_format_vars):

  # 将保存的文件路径和配置的静态资源连接起来

  outputPath = os.path.join(MEDIA_ROOT, path_format)  # 这里MEDIA_ROOT是在settings文件中配置的静态资源路径  MEDIA_ROOT = os.path.join(BASE_DIR, "media")

  # 拼接文件名

  outputFile = "%(basename)s_%(datetime)s_%(rnd)s.%(extname)s"%path_format_vars

  outputFile = outputFile.replace("/","_")

  # 将文件夹路径和文件名拼接起来,生成带完整路径的文件路径,用于返回给前端

  outputPathFormat = os.path.join(path_format, outputFile)

  # 文件路径是否存在,如果不存在则创建一个

  if not os.path.exists(outputPath):

    os.makedirs(outputPath)

  outputPath = outputPath.replace("/","\\")

  outputPathFormat = outputPathFormat.replace("/","\\")

  return(outputPathFormat, outputPath, outputFile)

def UploadFileToServer(request, filePath, file):

  try:

    # 以二进制格式写入文件

    f = open(filePath, "wb")

    for chunk in file.chunks():

      f.write(chunk)

  except Exception as e:

    f.close()

    return u"写入文件错误{}".format(e.message)

  finally:

    f.close()

  return "success"

def UploadFile(request):

  if not request.method == "POST":

    return JsonResponse({"error":u"不支持此种请求"}, safe=False)

  /** 这里涉及到一个问题,就是多图上传获取图片,一直以来我们都是直接使用get来获取但是如果是多图,你会发现get拿到的永远只有一个,经过debug调试我们可以看到,request.FILES是一个MultiValueDict类型,这种字典类型是特殊定义的,要取得list,需要用getlist方法

  **/

  files = request.FILES.getlist("upfile")

  if len(files) == 0:

    return JsonResponse({"error":u"请至少选择一个文件"}, safe=False)

  returnInfors = {}  # 定义一个字典用来承载返回值

  returnInfos["data"] = []

  for file in files:

    filename = file.name

    fileSize = file.size

    # 获取不包括后缀的文件名和文件后缀

    upload_origin_name, upload_origin_ext = os.path.splitext(filename)

    # 自定义允许上传的文件类型

    allType = [".png", ".jpg", ".jpeg", ".gif", ".bmp"]

    # 判断文件上传类型

    if not upload_origin_ext in allType:

      return JsonResponse({"error":u"服务器不允许上传%s类型的文件"%upload_origin_ext}, safe = False)

    # 判断上传文件的大小

    maxSize = 10485760  # 自定义上传文件大小限制10M

    if fileSize > maxSize:

      return JsonResponse({"error":u"文件大小不能超过%s"}%maxSize)

    # 校验做完了,开始正式上传文件

    path_format_var = get_path_format_vars()  # 获取时间相关参数,用于拼接文件名

    path_format_var.update({

      "basename":upload_origin_name,

      "extname":upload_origin_ext[1:],

      "filename":filename

    })

    # 取得文件输出的路径

    outputPathFormat = "forum/images"

    outputFormat, outputPath, outputFile = GetOutputFileInfo(request, outputPathFormat , path_format_vars)

    

    # 开始写入文件

    state = UploadFileToServer(request, outputPath, outputFile)

    # 写完,将结果返回给前端

    mediaurl = urljoin(MEDIA_URL, outputFormat)  # MEDIA_URL 也是settings文件中配置的静态资源路径 MEDIA_URL = '/media/'

    # 将绝对路径返回给前端

    abs_url = request.build_absolute_uri(mediaurl)

    return_info = {

      "url":abs_url,

      "original":upload_origin_name,

      "type":upload_origin_ext,

      "size":fileSize,

      "state":state

    }

    returnInfos["data"].append(return_info)

  return JsonResponse(returnInfos)

    

def GetFileUpload(request):

  return UploadFile(request)

python实现本地图片上传到服务区的更多相关文章

  1. TinyMCE的使用(包括汉化及本地图片上传功能)

    TinyMCE我就不多介绍了,这是下载地址:https://www.tinymce.com/download/ 下载下来是英文版,要汉化也很简单.首先去网上随便下载个汉化包,然后把汉化包解压后的lan ...

  2. 本地图片上传与H5适配知识

    最近用到本地图片上传作为API的参数,在网上看了许多,记录一下,以后可能用的着(仅自己记录用,看不清请绕路) function getObjectURL(file) { var url = null ...

  3. JavaScript实现本地图片上传前进行裁剪预览

    本项目支持IE8+,测试环境IE8,IE9,IE10,IE11,Chrome,FireFox测试通过 另:本项目并不支持Vue,React等,也不建议,引入JQuery和Vue.React本身提倡的开 ...

  4. JS兼容各个浏览器的本地图片上传即时预览效果

    JS兼容各个浏览器的本地图片上传即时预览效果 很早以前 在工作曾经碰到这么一个需求,当时也是纠结了很久,也是google了很久,没有碰到合适的demo,今天特意研究了下这方面的的问题,所以也就做了个简 ...

  5. 【咸鱼教程】本地图片上传。动态GIF表情图生成

    本案例参考:http://emoji.decathlon.trustingme.cn/但是实现方式不一样. 教程目录一 head first二 打开本地图片功能三 拖拽和缩放手势,调整图片四 gifj ...

  6. 本地图片上传到GitHub,MarkDown使用Github图片地址

    最近在学习用markdown编辑器,我是直接用有道云笔记编辑的,感觉真的好好用,编辑了一半的博客,可以按样式保存在云笔记中,我再也不会忘记写博客了~~ 但是在编辑博客的时候发现了一个问题,那就是本地图 ...

  7. DWZ集成的xhEditor编辑器浏览本地图片上传的设置

    有关xhEditor的文件上传配置官方文档链接:http://i.hdu.edu.cn/dcp/dcp/comm/xheditor/demos/demo08.html 一.xhEditor图片上传的配 ...

  8. JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)

    需要解决的问题有:本地图片如何在上传前预览.编辑:最近发现这个功能很多是基于flash实现的,很多JavaScript实现的代码兼容性都很差,特别是在IE和firefox和chrome三个浏览器上不兼 ...

  9. [转]微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

    本文转自:http://blog.csdn.net/qq_31383345/article/details/53014610 今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: ...

随机推荐

  1. SQL Script

    查某字段是否有汉字 SELECT*FROM TB WHERE COL LIKEN'%[吖-咗]%'

  2. 【MM系列】SAP MM 非限制/可用库存

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[MM系列]SAP MM 非限制/可用库存   ...

  3. OkHttp简单使用

    OkHttp是一个轻量优秀的网络框架.用于替代HttpUrlConnection和Apache HttpClient(android API23 6.0里已移除HttpClient,) 使用方法: 1 ...

  4. Linux中FTP的一点理解

    FTP(File Transfer Protocol)是一个非常古老并且应用十分广泛的文件传输协议,FTP协议是现今使用最为广泛的网络文件共享协议之一,我们现在也一直有在用着FTP协议来进行各种文件的 ...

  5. python中自定义模块的引用

    在python中,实现能够在任何路径下都可以直接import,就必须将存放函数或类的文件添加到python的搜索路径. 其实很简单,主要步骤就是: import sys sys.path.append ...

  6. shell 关于字符切割 cut

    shell中运用于字符切割的是cut 其中 参数分别代表得意义是: -d :后面接分隔字符,将一段信息分割为数段,与 -f 一起使用 -f :将-d分割出来的数段 用 -f 取出第几段的意思 -c : ...

  7. python——虚拟环境之virtualenvwrapper-win(windows10,64位)

    1 问题描述 当M个项目需要N个版本的python环境配置时(M>N)时,我们没有必要对每个项目都创建一个虚拟环境,只需要创建N个虚拟环境即可.这样节省了大量存储空间(特别是当M远大于N时).但 ...

  8. kafka_2.11-2.0.0_介绍

    1. JMS是什么 1.1. JMS的基础 JMS是什么:JMS是Java提供的一套技术规范 JMS干什么用:用来异构系统 集成通信,缓解系统瓶颈,提高系统的伸缩性增强系统用户体验,使得系统模块化和组 ...

  9. JDK动态代理和cglib代理详解

    JDK动态代理 先做一下简单的描述,通过代理之后返回的对象已并非原类所new出来的对象,而是代理对象.JDK的动态代理是基于接口的,也就是说,被代理类必须实现一个或多个接口.主要原因是JDK的代理原理 ...

  10. JavaScript数据类型之文本类型

    引言 字符串(string)是一组由16位值组成的不可变的有序序列,每个字符通常来自于Unicode字符集.JavaScript通过字符串类型来表示文本.字符串的长度(length)是其所含16位值的 ...