本文是采取django框架，前端上传图片后端接收后写入磁盘，数据库记录图片在磁盘上的路径(相对)，以下是前端上传到后端入库的基本流程

一. html代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="" method="post" enctype="multipart/form-data">

    <p><input type="file"  name="image"></p>

    <button type="submit" value="提交">提交</button>

</form>

</body>

</html>

# 必须要加上 enctype="multipart/form-data"  将文件以二进制的形式上传，这样可以实现多种类型的文件上传

二、后端接收代码

from myweb.FileinfoPlug import file_info

def news_add(request):

    if request.method == "GET":

        return render(request, 'image-add.html')

    else:

        input_image = request.FILES.get('image')

        image_name = file_info(input_image, 'article')

        print(image_name)

        models.Image.objects.create(title_img=image_name)

        return redirect('/images/')

三、file_info功能代码

#!/bin/env python

# -*- coding: utf-8 -*-

import os

import time, random

from django.conf import settings

def file_Path(upload_to):

    file_path = os.path.join(settings.BASE_DIR, 'media', upload_to)

    if not os.path.exists(file_path):

        os.makedirs(file_path)

    return file_path

def file_info(input_image,dirname=None):

    """

    :param input_image: 前端传过来的二进制数据

    :param dirname:  指定图片上传的目录，比如这里传入的是article，那么格式是 /media/article/images/2018/06/30/20180630133015_94.jpg

    :return:  最终如果想展示图片只需在orm取出数据库后加入 http://image.com/+/media/article/images/2018/06/30/20180630133015_94.jpg 拼接一下即可

    """

    fn = time.strftime('%Y%m%d%H%M%S')

    fn = fn + '_%d' % random.randint(0, 100)

    upload_to = time.strftime('images/%Y/%m/%d/')

    if dirname != None:

        upload_to = time.strftime(dirname+'/images/%Y/%m/%d/')

    file_suffix = input_image.name.split('.')[1]

    image_name = '{0}{1}.{2}'.format(upload_to, fn, file_suffix)

    filename = '{0}{1}{2}.{3}'.format(file_Path(upload_to), os.sep, fn, file_suffix)

    with open(filename, 'wb') as f:

        f.write(input_image.read())

    return image_name

四、最后settings.py配置媒体目录

MEDIA_URL = '/media/'

MEDIA_ROOT=os.path.join(BASE_DIR,'media/')

五、附上数据库的配置(自己好忘怎么配)

DATABASES = {

    'default': {

        'ENGINE': 'django.db.backends.mysql',

        'NAME': 'dbdatabase',

        'USER': 'dbusername',

        'PASSWORD': 'dbpassword',

        'HOST': '192.168.xx.xx',

        'PORT': '',

        'charset':'utf8'

    }

}

python 图片上传写入磁盘功能的更多相关文章

  1. JavaScript实现本地图片上传预览功能（兼容IE、chrome、FF）

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

  2. 微信JS图片上传与下载功能--微信JS系列文章（三）

    概述 在前面的文章微信JS初始化-- 微信JS系列文章(一)中已经介绍了微信JS初始化的相关工作,接下来本文继续就微信JS的图片上传功能进行描述,供大家参考. 图片上传 $(function(){ v ...

  3. js实现图片上传预览功能，使用base64编码来实现

    实现图片上传的方法有很多,这里我们介绍比较简单的一种,使用base64对图片信息进行编码,然后直接将图片的base64信息存到数据库. 但是对于系统中需要上传的图片较多时并不建议采用这种方式,我们一般 ...

  4. UEditor1.4.3.3实现图片上传、删除功能

    1.下载ueditor1.4.3.3 UTF-8的版本 2.新建一个项目,在项目中添加UEditor,把下载好的插件都放在ueditor这个文件夹中,在进行一些基本的配置 3.在根目录下新建一个为in ...

  5. JQ实现图片上传预览功能

    <input type="file" name="img" id="test1"> <img src="&quo ...

  6. 使用ajax，结合jquery,php实现图片上传预览功能

    大致逻辑:点击页面的file,上传图片到指定的php处理图片的文件,处理完成以后,将图片的连接地址返回,JS控制返回的数据,然后将图片动态的展示出来html代码<label> <im ...

  7. HTML+Jquery实现多图片上传预览功能

    HTML:使用input的onchange事件,它一改变就触发事件 <p id="p3"> <input name="File" onchan ...

  8. js实现图片上传预览功能,使用base64编码来实现

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  9. 从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文 ...

随机推荐

  1. 旧题新做：从idy的视角看数据结构

    “今天你不写总结……!!!” 额…… 还是讲我的吧.这些考试都是idy出的题. 20170121:DFS序. ST表.线段树练习 这是第一次考数据结构. Problem 1. setsum 1 sec ...

  2. BAYES和朴素BAYES

    0 前言  朴素贝叶斯算法仍然是流行的十大挖掘算法之一,该算法是有监督的学习算法,解决的是分类问题,如客户是否流失.是否值得投资.信用等级评定等多分类问题.该算法的优点在于简单易懂.学习效率高.在某些 ...

  3. Git6：Git简单远程仓库部署

    目录 一.服务端操作 二.客户端操作 一.服务端操作 1.安装git yum install -y git 2.创建git用户 useradd git 3.创建客户端登录证书 收集所有需要登录的用户的 ...

  4. ElasticStack系列之十 & 生产中的问题与解决方案

    1. 由 gc 引起节点异常 问题: 因为 gc 时会使 jvm 停止工作,如果某个节点 gc 时间过长,master ping 3次(zen discovery默认 ping 失败重试 3 次)不通 ...

  5. springboot 日期转化报错

    问题场景: 使用Springboot框架搭建服务,传日期参数json参数为2016-08-15 17:00:00这种格式,springboot中不能识别,将其转化为对象对应的日期属性.而是抛出异常信息 ...

  6. Shell记录-Shell命令（find）

    Linux中的find命令在目录结构中搜索文件,并执行指定的操作.Linux下find命令提供了相当多的查找条件,功能很强大.由于find具有强大的功能,所以它的选项也很多,其中大部分选项都值得我们花 ...

  7. [转]extern与头文件(*.h)的区别和联系

    用#include可以包含其他头文件中变量.函数的声明,为什么还要extern关键字? 如果我想引用一个全局变量或函数a,我只要直接在源文件中包含#include<xxx.h> (xxx. ...

  8. 你知道吗？10个精妙的 Java 编码最佳实践

    这是一个比Josh Bloch的Effective Java规则更精妙的10条Java编码实践的列表.和Josh Bloch的列表容易学习并且关注日常情况相比,这个列表将包含涉及API/SPI设计中不 ...

  9. 20155226 2016-2017-2 《Java程序设计》第5周学习总结

    20155226 2016-2017-2 <Java程序设计>第5周学习总结 教材学习内容总结 语法与继承构架 我们之前接触到的C通常都是将程序流程和错误处理混在一起,在编写程序的时候必须 ...

  10. oracle07

    1. 索引INDEX  1.1. 索引的概念特性和作用 概念: 简单的说,相当于一本书的目录.(数据库中的索引相当于字典的目录(索引)),它的作用就是提升查询效率. 特性: l 一种独立于表的模式(数 ...