Dropzone のインストール

前準備

Python の準備（Windows，Ubuntu 上）

• Windows での Python 3.10，関連パッケージ，Python 開発環境のインストール: 別ページ »で説明している．
• Ubuntu では，システム Pythonを使うことができる．Python3 開発用ファイル，pip, setuptools のインストール: 別ページ »で説明している．

【サイト内の関連ページ】

• Python のまとめ: 別ページ »にまとめ
• Google Colaboratory の使い方など: 別ページ »で説明している．

【関連する外部ページ】

Python の公式ページ: https://www.python.org/

Dropzone のインストール

1. Window でコマンドプロンプトを実行
2. Dropzone のインストール

   https://flask-dropzone.readthedocs.io/en/latest/basic.html の記述による

   • Windows の場合

     Windows では，コマンドプロン プトを管理者として実行し， 次のコマンドを実行する．

     python -m pip install -U simplejson flask flask-dropzone
     

   • Ubuntu の場合

     sudo apt -y update
     sudo apt -y install python3-simplejson python3-flask
     sudo pip3 install -U flask-dropzone
     

3. サンプルプログラムを動かしてみる

   https://github.com/greyli/flask-dropzone/tree/master/examples の記述による

   git が無いよ！というときは、Windowsでの Git のインストール: 別ページ »で説明

   git の URL: https://git-scm.com/手順を、別ページで説明

   git clone https://github.com/greyli/flask-dropzone
   cd flask-dropzone/examples
   pip install -r requirements.txt
   python basic/app.py
   

   
4. Web ブラウザで、localhost:5000 を開く
   
5. 試しに、いくつかのファイルをドラッグ＆ドロップしてみる
   

import os

from flask import Flask, request
from flask_dropzone import Dropzone

app = Flask(__name__)

dropzone = Dropzone(app)

@app.route('/uploads', methods=['GET', 'POST'])
def upload():

    if request.method == 'POST':
        f = request.files.get('file')
        f.save(os.path.join('the/path/to/save', f.filename))

    return 'upload done'

if __name__ == '__main__':    app.run(debug=True)