Dropzone のインストール

前準備

Python の準備（Windows，Ubuntu 上）

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

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

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

【関連する外部ページ】 Python の公式ページ: https://www.python.org/

Dropzone のインストール

1. Windowsでコマンドプロンプトを実行する
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 の公式サイト: 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)