本文是采取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. Linux /etc/issue 和 /etc/issue.net的作用和区别

    1./etc/motd /etc/motd即messageoftoday(布告栏信息),每次用户登录时,/etc/motd文件的内容会显示在用户的终端.系统管理员可以在文件中编辑系统活动消息,例如:管 ...

  2. 怎样彻底卸载(删除)SQL server2000

    如何完全卸载SQL server 2000 一.卸载安装程序:找到电脑右下角的Windows开始按钮,找到控制面板——卸载程序. 找到server 2000的安装程序,并点击后面的卸载按钮.  是,确 ...

  3. Java基础-线程操作共享数据的安全问题

    Java基础-线程操作共享数据的安全问题 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.引发线程安全问题 如果有多个线程在同时运行,而这些线程可能会同时运行这段代码.程序每次运 ...

  4. np.argsort函数

    np.argsort函数 觉得有用的话,欢迎一起讨论相互学习~Follow Me numpy.argsort(a, axis=-1, kind='quicksort', order=None) 功能: ...

  5. webapi框架搭建-安全机制（四）-可配置的基于角色的权限控制

    webapi框架搭建系列博客 在上一篇的webapi框架搭建-安全机制(三)-简单的基于角色的权限控制,某个角色拥有哪些接口的权限是用硬编码的方式写在接口上的,如RBAuthorize(Roles = ...

  6. bzoj千题计划115：bzoj1024: [SCOI2009]生日快乐

    http://www.lydsy.com/JudgeOnline/problem.php?id=1024 枚举横着切还是竖着切,一边儿分多少块 #include<cstdio> #incl ...

  7. Docker查看映射卷报错

    问题描述: 当查看Docker容器的映射卷时出现报错信息,如下: [root@kazihuo ~]# docker inspect -f {{.Volumes}} volume   #volume指容 ...

  8. 【Hadoop】Win7上搭建Hadoop开发环境，方法一

    在Win7上,编写hadoop程序 操作系统:win7 hadoop版本:CDH3u6 1.下载安装JDK,以及Eclipse 2.新建JAVA Project 3.去cloudera网站下载hado ...

  9. Android 实现两个list分别出现(在某一时刻只出现一个控件)

    第一种方法: 在.xml文件中将这两个List分别放入不同的布局管理器中,比如说 <RelativeLayout android:layout_width="match_parent& ...

  10. opencv产生随机的颜色

    //将HSV颜色空间值转换成RGB值,参考这里cv::Scalar HSV2RGB(const float h, const float s, const float v) { ); - h_i; - ...