专栏首页sktjflask dropzone带上传按钮(flask 73)

flask dropzone带上传按钮(flask 73)

s

app.py

import os

from flask import Flask, render_template, request from flask_dropzone import Dropzone

basedir = os.path.abspath(os.path.dirname(file))

app = Flask(name)

app.config.update( UPLOADED_PATH=os.path.join(basedir, 'uploads'), # Flask-Dropzone config: DROPZONE_ALLOWED_FILE_TYPE='image', DROPZONE_MAX_FILE_SIZE=3, DROPZONE_MAX_FILES=20, DROPZONE_UPLOAD_ON_CLICK=True )

dropzone = Dropzone(app)

@app.route('/', methods=['POST', 'GET']) def upload(): if request.method == 'POST': for key, f in request.files.items(): if key.startswith('file'): f.save(os.path.join(app.config['UPLOADED_PATH'], f.filename)) return render_template('index.html')

if name == 'main': app.run(debug=True)

index.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Flask-Dropzone Demo: Click Upload</title> {{ dropzone.load_css() }} {{ dropzone.style('border: 2px dashed #0087F7; margin: 10px 0 10px; min-height: 400px;') }} </head> <body> {{ dropzone.create('/') }} <button id="upload">Upload</button>

{{ dropzone.load_js() }} {{ dropzone.config() }} </body> </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • flask dropzone加csrf(flask 74)

    from flask import Flask, render_template, request from flask_dropzone import Dr...

    用户5760343
  • flask dropzone带移除和上传 常用(flask 75)

    from flask import Flask, render_template, request from flask_dropzone import Dr...

    用户5760343
  • python 自定义格式化__format__

    _formats = { 'ymd' : '{d.year}-{d.month}-{d.day}', 'mdy' : '{d.month}/{d.day}/...

    用户5760343
  • 超越 MapReduce ,要比它更快!

    前面介绍了大数据领域里的两个主流引擎:MapReduce 和 Spark 。它们开创了历史,使得世界进入了大数据时代,让很多公司能够处理庞大的数据,并从中找到更...

    哒呵呵
  • WebSocket从入门到精通,半小时就够!

    本文原题“WebSocket:5分钟从入门到精通”,作者“程序猿小卡_casper”,原文链接见文末参考资料部分。本次收录时有改动。

    JackJiang
  • 手把手教你做无人驾驶汽车(二)

    “成吉思汗的骑兵,攻击速度与二十世纪的装甲部队相当;北宋的床弩,射程达一千五百米,与二十世纪的狙击步枪差不多;”

    用户1908973
  • springmvc之异常处理DefaultHandlerExceptionResolver

    这种特定的异常是DefaultHandlerExceptionResolver进行处理的。

    绝命生
  • nginx配置基础之rewrite

    重写URL是非常有用的一个功能,因为它可以让你提高搜索引擎阅读和索引你的网站的能力;而且在你改变了自己的网站结构后,无需要求用户修改他们的书签,无需其他网站修改...

    后端技术探索
  • SpringAop源码分析(基于注解)二:筛选通知器

    我们已经知道BeanPostProcessors是在Bean实例化前后起作用的,如果看过前面的文章Spring Ioc源码分析 之 Bean的加载(八):初始化...

    大王叫下
  • JQuery效果

          $(selector).fadeIn(speed,callback);

    用户3159471

扫码关注云+社区

领取腾讯云代金券