21.flask上传文件到第三方

最新推荐文章于 2023-12-31 09:00:00 发布
最新推荐文章于 2023-12-31 09:00:00 发布
阅读量298 收藏
点赞数
文章标签： bi asynctask templates smalltalk svg
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/only_Tokimeki/article/details/109298414
版权

p;flask 上传到第三方

前言

使用flask搭建，富文本编辑器采用neditor，neditor是基于ueditor开发的，markdown采用editor.md

一般需求有两种

  • 配置富文本编辑器进行图片上传
  • 单独实现图片上传

完整实例

使用七牛云

注册账号
主页

image-20200906193720188

获取密钥

image-20200906193738871

创建密钥

在后面会用到密钥

image-20200906193749602

创建存储对象

image-20200906193757424

image-20200906193804603

image-20200906193812912

这是测试域名，后面会用到。

如何使用js和七牛云返回的token进行图片上传

生成token
# 获取七牛云token
@app.route('/uptoken/')
def uptoken():
    # AK
    access_key = config.UEDITOR_QINIU_ACCESS_KEY
    # SK
    secret_key = config.UEDITOR_QINIU_SECRET_KEY
    # 验证
    q = qiniu.Auth(access_key,secret_key)
    # 储存空间名字
    bucket = config.UEDITOR_QINIU_BUCKET_NAME

    # token
    token = q.upload_token(bucket)

    return jsonify({"uptoken":token})
上传图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../static/qiniu-js/jquery.min.js"></script>
    <script type="text/javascript" src="../static/qiniu-js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../static/qiniu-js/moxie.js"></script>
    <script type="text/javascript" src="../static/qiniu-js/plupload.dev.js"></script>
    <!-- <script type="text/javascript" src="bower_components/plupload/js/plupload.full.min.js"></script> -->
    <script type="text/javascript" src="../static/qiniu-js/zh_CN.js"></script>
    <script type="text/javascript" src="../static/qiniu-js/ui.js"></script>
    <script type="text/javascript" src="../static/qiniu-js/qiniu.js"></script>
    <script type="text/javascript" src="../static/qiniu-js/highlight.js"></script>
    <script type="text/javascript">hljs.initHighlightingOnLoad();</script>
    <script src="{{ url_for('static',filename='qiniu-js/zlqiniu.js') }}"></script>
    <script src="{{ url_for('static',filename='upload.js') }}"></script><script></script>
</head>
<body>
    <button id="upload-btn">上传文件</button>
    <input type="text" id="image-input">
    <img src="" alt="" id="img"/>
</body>
</html>

window.onload = function () {
    var img_kind = "?\t\n" +
        "imageMogr2/auto-orient/thumbnail/100000@/format/jpg/blur/1x0/quality/75|watermark/2/text/5aKo6Z-z/font/5qW35L2T/fontsize/600/fill/IzMxMjRDQQ==/dissolve/43/gravity/SouthEast/dx/10/dy/10|imageslim"
    zlqiniu.setUp({
        'domain': 'http://psodtyzhu.bkt.clouddn.com/',//这是你创建的域名
        'browse_btn': 'upload-btn',//这是按钮id
        'uptoken_url': '/uptoken/',//获取后台生成的token
        'success': function (up, file, info) {
            var domain = up.getOption('domain');
            var obj = JSON.parse(info);
            var image_url = domain + obj.key
            console.log(image_url)
            var imageInput = document.getElementById("image-input");
            imageInput.value = image_url;
            var im = document.getElementById("img");
            im.setAttribute("src", image_url + img_kind);

        }
    });
}

Ueditor的使用

后台上传图片
#encoding: utf-8

from flask import (
    Blueprint,
    request,
    jsonify,
    url_for,
    send_from_directory,
    current_app as app
)
import json
import re
import string
import time
import hashlib
import random
import base64
import sys
import os
import config
from urllib import parse
# 更改工作目录。这么做的目的是七牛qiniu的sdk
# 在设置缓存路径的时候默认会设置到C:/Windows/System32下面
# 会造成没有权限创建。
os.chdir(os.path.abspath(sys.path[0]))
try:
    import qiniu
except:
    pass
from io import BytesIO

bp = Blueprint('editor',__name__,url_prefix='/editor')

UEDITOR_UPLOAD_PATH = ""
UEDITOR_UPLOAD_TO_QINIU = False
UEDITOR_QINIU_ACCESS_KEY = config.UEDITOR_QINIU_ACCESS_KEY
UEDITOR_QINIU_SECRET_KEY = config.UEDITOR_QINIU_SECRET_KEY
UEDITOR_QINIU_BUCKET_NAME = config.UEDITOR_QINIU_BUCKET_NAME
UEDITOR_QINIU_DOMAIN = config.UEDITOR_QINIU_DOMAIN
IMG_KIND = r"?imageMogr2/auto-orient/thumbnail/x175/blur/1x0/quality/75|imageslim"

@bp.before_app_first_request
def before_first_request():
    global UEDITOR_UPLOAD_PATH
    global UEDITOR_UPLOAD_TO_QINIU
    global UEDITOR_QINIU_ACCESS_KEY
    global UEDITOR_QINIU_SECRET_KEY
    global UEDITOR_QINIU_BUCKET_NAME
    global UEDITOR_QINIU_DOMAIN
    global IMG_KIND
    UEDITOR_UPLOAD_PATH = app.config.get('UEDITOR_UPLOAD_PATH')
    if UEDITOR_UPLOAD_PATH and not os.path.exists(UEDITOR_UPLOAD_PATH):
        os.mkdir(UEDITOR_UPLOAD_PATH)

    UEDITOR_UPLOAD_TO_QINIU = app.config.get("UEDITOR_UPLOAD_TO_QINIU")
    if UEDITOR_UPLOAD_TO_QINIU:
        try:
            UEDITOR_QINIU_ACCESS_KEY = app.config["UEDITOR_QINIU_ACCESS_KEY"]
            UEDITOR_QINIU_SECRET_KEY = app.config["UEDITOR_QINIU_SECRET_KEY"]
            UEDITOR_QINIU_BUCKET_NAME = app.config["UEDITOR_QINIU_BUCKET_NAME"]
            UEDITOR_QINIU_DOMAIN = app.config["UEDITOR_QINIU_DOMAIN"]
        except Exception as e:
            option = e.args[0]
            raise RuntimeError('请在app.config中配置%s！'%option)

    csrf = app.extensions.get('csrf')
    if csrf:
        csrf.exempt(upload)


def _random_filename(rawfilename):
    letters = string.ascii_letters
    random_filename = str(time.time()) + "".join(random.sample(letters,5))
    filename = hashlib.md5(random_filename.encode('utf-8')).hexdigest()
    subffix = os.path.splitext(rawfilename)[-1]
    return filename + subffix


@bp.route('/upload/',methods=['GET','POST'])
def upload():
    action = request.args.get('action')
    result = {}
    if action == 'config':
        config_path = os.path.join(bp.static_folder or app.static_folder,'ueditor','config.json')
        with open(config_path,'r',encoding='utf-8') as fp:
            result = json.loads(re.sub(r'\/\*.*\*\/','',fp.read()))

    elif action in ['uploadimage', 'uploadvideo', 'uploadfile']:
        image = request.files.get("file")  # neditor的参数
        if not image:
            image = request.files.get("editormd-image-file")  # editor.md的参数
            if not image:
                image = request.files.get("upfile")  # ueditor的参数
        filename = image.filename
        save_filename = _random_filename(filename)
        result = {
            'state': '',
            'url': '',
            'title': '',
            'original': ''
        }
        if UEDITOR_UPLOAD_TO_QINIU:
            if not sys.modules.get('qiniu'):
                raise RuntimeError('没有导入qiniu模块！')
            buffer = BytesIO()
            image.save(buffer)
            buffer.seek(0)
            q = qiniu.Auth(UEDITOR_QINIU_ACCESS_KEY, UEDITOR_QINIU_SECRET_KEY)
            token = q.upload_token(UEDITOR_QINIU_BUCKET_NAME)
            ret,info = qiniu.put_data(token,save_filename,buffer.read())
            if info.ok:
                result['state'] = "SUCCESS"
                result['url'] = parse.urljoin("http://"+config.UEDITOR_QINIU_DOMAIN,ret['key']+IMG_KIND)
                result['title'] = ret['key']
                result['original'] = ret['key']
        else:
            image.save(os.path.join(UEDITOR_UPLOAD_PATH, save_filename))
            result['state'] = "SUCCESS"
            result['url'] = url_for('ueditor.files',filename=save_filename)
            result['title'] = save_filename,
            result['original'] = image.filename

    elif action == 'uploadscrawl':
        base64data = request.form.get("upfile")
        img = base64.b64decode(base64data)
        filename = _random_filename('xx.png')
        filepath = os.path.join(UEDITOR_UPLOAD_PATH,filename)
        with open(filepath,'wb') as fp:
            fp.write(img)
        result = {
            "state": "SUCCESS",
            "url": url_for('files',filename=filename),
            "title": filename,
            "original": filename
        }

    # 这个是editor.md使用时，对应参数
    result.update({"code":200})
    result.update({"success":1})
    result.update({"message":"成功"})
    return jsonify(result)


@bp.route('/files/<filename>/')
def files(filename):
    return send_from_directory(UEDITOR_UPLOAD_PATH,filename)
创建ueditor编辑器
  • ueditor.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ueditor</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
    <script src="{{ url_for("static",filename="ueditor/ueditor.config.js") }}"></script>
    <script src="{{ url_for("static",filename="ueditor/ueditor.all.min.js") }}"></script>
    <script src="{{ url_for("static",filename="ueditor/jquery.min.js") }}"></script>
    <script src="{{ url_for("static",filename="ueditor.js") }}"></script>
</head>
<body>
    <script id="editor" type="text/plain" style="height: 600px"></script>
    <button id="submit-btn"> 点击 </button>
</body>
</html>
  • ueditor.js
$(function () {
    var ue = UE.getEditor("editor", {
        'serverUrl': '/editor/upload/',//这个是前面定义的，为了上传图片
        toolbars: [[
            'undo', //撤销
            'redo', //重做
            'bold', //加粗
            'italic', //斜体
            'blockquote', //引用
            'insertcode', //代码语言
            'fontfamily', //字体
            'fontsize', //字号
            'paragraph', //段落格式
            'justifyleft', //居左对齐
            'justifyright', //居右对齐
            'justifycenter', //居中对齐
            'justifyjustify', //两端对齐
            'forecolor', //字体颜色
            'backcolor', //背景色
            'inserttable', //插入表格
            'link', //超链接
            'insertorderedlist', //有序列表
            'insertunorderedlist', //无序列表
            'simpleupload', //单图上传
            'emotion', //表情
            'searchreplace', //查询替换
            'preview',//预览
            'fullscreen', //全屏
            'indent', //首行缩进
            'snapscreen', //截图
            'horizontal', //分隔线
            'italic', //斜体
            'underline', //下划线
            'subscript', //下标
            'superscript', //上标
        ]],
        autoHeight: false
    });



    $("#submit-btn").click(function (event) {
        event.preventDefault();
        var content = ue.getContent();
        console.log(content)

    })
});
  • 后台设置的参数为"upfile"

image-20200906194029540

基于ueditor的neditor的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>neditor</title>
    <script src="{{ url_for("static",filename="neditor/neditor.config.js") }}"></script>
    <script src="{{ url_for("static",filename="neditor/neditor.all.min.js") }}"></script>
    <script src="{{ url_for("static",filename="neditor/neditor.service.js") }}"></script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script src="{{ url_for("static",filename="neditor/i18n/zh-cn/zh-cn.js") }}"></script>
    <script src="{{ url_for("static",filename="neditor/third-party/browser-md5-file.min.js") }}"></script>
    <script src="{{ url_for("static",filename="neditor/third-party/jquery-1.10.2.min.js") }}"></script>
    <script src="{{ url_for("static",filename="neditor.js") }}"></script>
</head>
<body>
    <script style="height: 400px" id="editor" type="text/plain"></script>

    <button id="submit-btn">点击</button>
</body>
</html>

$(function () {
    var ue = UE.getEditor("editor", {
        'serverUrl': '/editor/upload/',
        toolbars: [[
            'undo', //撤销
            'redo', //重做
            'bold', //加粗
            'italic', //斜体
            'blockquote', //引用
            'insertcode', //代码语言
            'fontfamily', //字体
            'fontsize', //字号
            'paragraph', //段落格式
            'justifyleft', //居左对齐
            'justifyright', //居右对齐
            'justifycenter', //居中对齐
            'justifyjustify', //两端对齐
            'forecolor', //字体颜色
            'backcolor', //背景色
            'inserttable', //插入表格
            'link', //超链接
            'insertorderedlist', //有序列表
            'insertunorderedlist', //无序列表
            'insertimage', //多图上传
            'simpleupload', //多图上传
            'emotion', //表情
            'searchreplace', //查询替换
            'preview',//预览
            'fullscreen', //全屏
            'indent', //首行缩进
            'snapscreen', //截图
            'horizontal', //分隔线
            'italic', //斜体
            'underline', //下划线
            'subscript', //下标
            'superscript', //上标
        ]],
        autoHeight: false
    });



    $("#submit-btn").click(function (event) {
        event.preventDefault();
        var content = ue.getContent();
        console.log(content)

    })
});

和ueditor是没多大区别，这是不能单图上传了，要使用多图上传

注意事项:

image-20200906194459352

"file"是后台需要接收的参数，注意

image-20200906194544966

action是为了后台便于判断文件类型，而设置的参数

image-20200906194553901

image-20200906194602227

这里后台返回的json中需要与neditor定义的接口的参数相对应，不然会一直报错。

开源editor.md的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for("static",filename="editor.md/examples/css/style.css") }}"/>
    <link rel="stylesheet" href="{{ url_for("static",filename="editor.md/css/editormd.css") }}"/>
    <script src="{{ url_for("static",filename="editor.md/examples/js/jquery.min.js") }}"></script>
    <script src="{{ url_for("static",filename="editor.md/editormd.min.js") }}"></script>
    <script src="{{ url_for("static",filename="editor.md/plugins/image") }}"></script>
    <script src="{{ url_for("static",filename="editor.md.js") }}"></script>
</head>
<body>
<div id="layout">
    <div id="test-editormd">
        <textarea class="editormd-html-textarea" style="display:none;"></textarea>
    </div>
{#    <button class="btn btn-danger" id="submit-btn">发布帖子</button>#}
</div>
</body>
</html>

var testEdiadtor;

$(function () {
    testEditor = editormd("test-editormd", {
        width: "90%",
        height: 640,
        syncScrolling: "single",
        path: "../../static/editor.md/lib/",
        saveHTMLToTextarea: true,
        fullscreen: true,
        tex: true,                   // 开启科学公式TeX语言支持，默认关闭
        flowChart: true,             // 开启流程图支持，默认关闭
        sequenceDiagram: true,       // 开启时序/序列图支持，默认关闭,
        //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
        //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
        //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
        //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
        //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
        //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
        imageUpload: true,
        imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
        imageUploadURL: "/editor/upload/?action=" + "uploadimage",//这里上传的图片接口
        onload: function () {
            console.log('onload', this);
            this.watch().fullscreen();

            this.width("100%");
            this.height(640);
            this.resize("100%", 640);
        },

        toolbarIcons: function () {
            // Or return editormd.toolbarModes[name]; // full, simple, mini
            // Using "||" set icons align right.
            // return ["undo", "redo", "|", "bold", "hr", "|", "preview", "watch", "|", "fullscreen", "info", "testIcon", "editorIcon", "file", "faicon", "||", "watch", "fullscreen", "preview", "testIcon"]
            // return editormd.toolbarModes["full"]

            //完整工具栏
            //t.toolbarModes={full:["undo","redo","|","bold","del","italic","quote","ucwords","uppercase","lowercase","|","h1","h2","h3","h4","h5","h6","|","list-ul","list-ol","hr","|","link","reference-link","image","code","preformatted-text","code-block","table","datetime","emoji","html-entities","pagebreak","|","goto-line","watch","preview","fullscreen","clear","search","|","help","info"],simple:["undo","redo","|","bold","del","italic","quote","uppercase","lowercase","|","h1","h2","h3","h4","h5","h6","|","list-ul","list-ol","hr","|","watch","preview","fullscreen","|","help","info"],mini:["undo","redo","|","watch","preview","|","help","info"]}

            //需要将自定义图标放入进来
            return ["undo", "redo", "|", "bold", "del", "italic", "quote", "ucwords", "uppercase", "lowercase", "|", "h1", "h2", "h3", "h4", "h5", "h6", "|", "list-ul", "list-ol", "hr", "|", "link", "reference-link", "image", "code", "code-block", "table", "datetime", "emoji", "html-entities", "pagebreak", "|", "goto-line", "watch", "preview", "clear", "search", "||", "help", "info", "editorIcon", "returnIcon", "file", "faicon",]
        },
        //设置图标文本信息
        toolbarIconTexts: {
            editorIcon: "<span style=\"font-family: 华文楷体\">提交</span>", // 如果没有图标，则可以这样直接插入内容，可以是字符串或HTML标签
            returnIcon: "<span style=\"font-family: 华文楷体\">返回</span>"  // 如果没有图标，则可以这样直接插入内容，可以是字符串或HTML标签
        },
        // 用于增加自定义工具栏的功能，可以直接插入HTML标签，不使用默认的元素创建图标
        toolbarCustomIcons: {
            faicon: "<i class=" + "fa fa-star" + 'onclick="alert(' + "'faicon'" + ')";></i>'
        },
        // 自定义工具栏按钮的事件处理
        toolbarHandlers: {
            /**
             * @param {Object}      cm         CodeMirror对象
             * @param {Object}      icon       图标按钮jQuery元素对象
             * @param {Object}      cursor     CodeMirror的光标对象，可获取光标所在行和位置
             * @param {String}      selection  编辑器选中的文本
             */
            editorIcon: function (cm, icon, cursor, selection) {
                alert(testEditor.getHTML())
            },
            returnIcon: function (cm, icon, cursor, selection) {
                window.location.href = "/"
            }
        },
        //提示信息
        lang: {
            toolbar: {
                editorIcon: "提交编辑内容",
                returnIcon: "返回主页",
                undo: "撤销 (Ctrl+Z)"
            }
        },

    });

    $("#submit-btn").click(function (event) {
        event.preventDefault();
        alert(testEditor.getHTML())
        testEditor.getMarkdown();       // 获取 Markdown 源码
        testEditor.getHTML();           // 获取 Textarea 保存的 HTML 源码
        testEditor.getPreviewedHTML();  // 获取预览窗口里的 HTML，在开启 watch 且没有开启 saveHTMLToTextarea 时使用

    })
});

// testEditor.gotoLine(90);//转到第90行
//
// testEditor.show();//显示编辑器
//
// testEditor.hide();//隐藏编辑器
//
// alert(testEditor.getMarkdown());//获取编辑器内容（不含html）
//
// alert(testEditor.getHTML());//获取编辑器html内容
//
// testEditor.watch();//开启双窗口对比
//
// testEditor.unwatch();//取消双窗口对比
//
// testEditor.previewing();//预览效果
//
// testEditor.fullscreen();//全屏（按ESC取消）
//
// testEditor.showToolbar();//显示工具栏
//
// testEditor.hideToolbar();//隐藏工具栏
米津玄师的一枚粉丝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于Flask与CodeMirror的Python在线交互教学平台源码
03-25
项目概述：本项目是一款基于Python的在线交互教学平台，采用Flask框架与CodeMirror编辑器为核心技术。该平台汇聚了多种编程语言，包括JavaScript、HTML、CSS、TypeScript、Shell等，共有1090个文件，其中JavaScript文件451个，HTML文件216个，CSS文件102个，以及其他各类资源文件。该平台致力于提供一站式的Python编程学习与交互体验，让用户能够在浏览器中直接编写并运行Python代码。 文件组成： - JavaScript: 451个，主要负责实现交互逻辑与动态效果 - HTML: 216个，构建页面结构与内容布局 - CSS: 102个，负责定义页面样式与主题 - Gif/Png: 157个，提供必要的视觉图像资源 - Map: 44个，源代码映射文件，用于调试 - TypeScript: 39个，增强JavaScript的编程体验 - JSON: 23个，存储配置与数据结构 - Markdown: 9个，文档说明与教程 - Python: 8个，后端逻辑处理及与前端通信 - 其他: 7个PNG图片，用于界面视觉设计 简而言之，此平台通过现代化的Web技术栈，将Flask的简易性与CodeMirror的强大代码编辑功能相结合，打造出一个高效、直观的Python在线学习和教学环境。
python：flask获取文件的md5
Hadoopboy的博客
07-29 624
flask FileStorage读取、计算md5
html上传图片，django获取前台上传的图片
水月灯花的博客
10-15 3254
1、在项目的配置中添加， MEDIA_ROOT = ''# 文件的路径，空为当前项目下的直接路径，也可以使用绝对路径，保存到电脑上的某一个目录 MEDIA_URL='/'# 项目的url 2、html上传图片，使用form提交或者ajax提交文件都行 一、.html表单上传（不推荐） 最传统的图片上传方式是form表单上传，使用form表单的input[type=”file”]控件，打开系...
python全栈031-----文件上传，enctype，表单验证过滤文件，werkzeug库
zaaaacki的博客
11-08 273
文件上传 基础代码 from flask import Flask app = Flask(__name__) @app.route('/') def index(): return '首页' @app.route('/upload/',methods=['GET','POST']) def upload(): if request.method == 'GET': return render_template('upload.html') if __name__
flask入门之文件上传与邮件发送示例
09-20
为了增加健壮性，可以使用第三方库如`flask-wtf`和`flask-uploads`来简化文件上传的过程。`flask-wtf`提供了一种更安全且易于使用的表单处理方式，而`flask-uploads`则可以帮助我们设定文件类型限制和大小限制。示例...
项目初级课第四课代码.zip_flask_flask项目
09-14
9. **文件上传和图片处理**：Instagram的一大特色是图片分享，项目可能使用了`flask-uploads`或类似的扩展来处理文件上传，同时可能结合第三方库如PIL或OpenCV对上传的图片进行预处理，如缩放、裁剪或添加水印。...
基于原生前端和Python Flask后端的文件服务器源码+使用说明+详细注释.zip
10-12
> SECRET_KEY 配置变量是通用密钥，可在 Flask 和多个第三方扩展中使用，如其名所示，加密的强度取决于变量值的随机密度。 > 不同的程序要使用不同的密钥，而且要保证其他人不知道你所用的字符串，其主要作用...
python基于flask的管理系统源码.zip
05-29
Flask提供了基本的错误处理机制，开发者可以自定义错误页面，同时通过第三方扩展如Flask-Logging来实现日志记录。 6. **模板与静态文件**：Jinja2是Flask推荐的模板引擎，用于动态生成HTML页面。同时，Flask处理...
本科毕业论文一万字《基于python与Flask的文件管理系统》.docx
10-23
配置Python运行环境，安装Flask及其他必要的第三方库，如SQLAlchemy用于数据库操作，WTForms进行表单处理。 4.2 **数据库设计与实现** 选择合适的数据库系统（如MySQL或SQLite），设计用户表、文件表、权限表等，...
flask-ide:基于浏览器的文件编辑器，基于flask-xxl-> https构建
05-02
烧瓶 浏览器IDE中的全功能 SSH支持（计划中） 支持每个SSH服务器多个登录帐户和基本目录（计划中） 我现在有一个以只读模式运行的实时，请检查一下。 在演示中： 打开文件，单击其名称 要仅查看文件的内容，请单击文件行中的放大镜图标 其他图标（星形，铅笔，x）的功能尚未实现 当前仅actully支持编辑flask-ide安装本地的文件，但是不久将添加完全本地文件系统编辑，因此将通过ssh连接到服务器。 继续检查 如果您能使它正常工作，这就是界面 文件系统查看器 和编辑器（基于flask-codemirror构建）
python web服务器接收客户端的图片方式
RayChiu757374816的博客
07-29 3368
web服务python接收base64图片流的方式
flask 文件上传（单文件上传、多文件上传）--from flask_wtf.file import FileField, FileRequired, FileAllowed from flask
huobanjishijian的专栏
10-16 2442
文件上传 在HTML中，渲染一个文件上传字段只需要将<input>标签的type属性设为file，即<input type=”file”>。 这会在浏览器中渲染成一个文件上传字段，单击文件选择按钮会打开文件选择窗口，选择对应的文件后，被选择的文件名会显示在文件选择按钮旁边。 在服务器端，可以和普通数据一样获取上传文件数据并保存。不过需要考虑安全问题，文件上传的漏洞也是比较流行的攻击方式。除了常规的CSRF防范，我们还需要重点关注这几个问题：验证文件类型、验证文件大小、过滤文件名
python小项目：实现C语言在线编译器
如是牛
08-07 3933
利用python实现C语言在线编译器
url链接（url_for）与加载静态文件（static文件夹下的js、css、image）
热门推荐
qq_39974381的博客
06-28 1万+
url链接和加载静态文件 url链接： 1、语法：url_for('static',filename='路径') 2、静态文件，flask会从static文件夹中开始寻找，所以不需要再写static这个路径 3、可以加载CSS/js/image 静态文件 &lt;link rel="stylesheet" href="{{url_for('static',filename='css/ind...
程序设计思维课程大作业用python flask实现的网页版python编辑器项目源码，用CodeMirror来实现代码高亮
yanglamei1962的博客
12-31 1298
程序设计思维课程大作业用python flask与html实现在线python网页编辑利用CodeMirror来实现代码高亮实现了代码自动联想补全能够根据python代码生成流程图。
flask中的所有第三方模块大集合
菲宇运维
03-18 1762
Flask-WTF是简化了WTForms操作的一个第三方库。WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板。还有其它一些功能：CSRF保护， 文件上传等。安装方法：pip install flask-wtf 1.1.WTForms简单验证 from flask import Flask,request,render_template from wtforms i...
节省服务器内存空间：flask上传图片，MD5哈希，确保图片唯一
星空下的Along君
01-26 536
挖坑
Flask成长笔记--在Flask中加密的方式
似水流年
07-27 7218
一、利用python自带的hashlib库实现加密1、SHA1加密python中的用法：>>> import hashlib >>> data = '123456' >>> temp = hashlib.sha1(data) >>> temp.hexdigest() '7c4a8d09ca3762af61e59520943dc26494f8941b' flask中的用法：import hashlib
android中从手机 中选择name.jzz文件,上传到flask服务器端,接收 并保存到指定 目
最新发布
02-05
在接收文件后，可以使用Python的内置库或第三方库来对文件进行处理，如重命名、移动、复制等操作，以满足特定的保存要求。 在处理文件完成后，可以向Android客户端返回上传结果的响应。在Android应用中，可以根据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值