トップページ -> 最新情報技術の実習と研究ツール -> Web サービスのプログラミング -> Dropzone のインストール
[サイトマップへ]  

Dropzone のインストール

dash, react, plotly について記述しようとしている(書きかけ)

サイト内の関連Webページ

参考Webページ


前準備

前準備として,Python 開発環境の Anaconda のインストールが終わっていること

Windows での Anaconda のインストール手順は、 別の Web ページに記載しています

Ubuntu での Anaconda のインストール手順は、 別の Web ページに記載しています

以下,Anaconda をインストール済みであるものとして説明を続けます.


隔離された Python 環境の作成

  1. 今から作成するPython 環境の名前と、Pythonのバージョンを決めておく

  2. Windows のコマンドプロンプトを実行する.

  3. 隔離された Python 環境を作成する

    次のコマンドを実行

    conda create -n flask python=3.6
    

  4. Python 環境が作成できたことを確認
    conda info -e 
    

隔離された Python 環境で、インストールの前準備を行う

いま作成した Python 環境で、パッケージの更新などの前準備を行う

  1. Windows のコマンドプロンプトを管理者として実行する.

  2. いま作成した Python 環境を有効にする

    次のコマンドを実行

    activate flask 
    

  3. Anaconda の conda パッケージの更新、古い conda パッケージファイルの削除

    conda の行は1行ずつ実行

    「conda config --remove channels conda-forge」は,conda のチャンネルに「conda-forge」が入っていたら削除する操作(エラーメッセージが出たとしても無視してください).

    conda config --remove channels conda-forge
    
    conda upgrade --all
    
    conda clean --packages
    

    (途中省略)

    (途中省略)

  4. pip の更新

    コマンドプロンプトで,次のコマンドを実行

    アクセスが拒否されました」と表示される場合には cd コマンドで、書き込み可能なディレクトリに移るか、コマンドプロントを管理者として開いて、そこでコマンドを実行する。

    del get-pip.py
    wget https://bootstrap.pypa.io/get-pip.py
    python get-pip.py
    

    「wget がないよ!」と表示されたときは、 「wget https://bootstrap.pypa.io/get-pip.py; python get-pip.py」を 「python -m pip install --upgrade pip」で代用

  5. spyder をインストール
    conda install -y -c spyder-ide spyder 
    

    (以下省略)

    ※spyder を起動したいとき:

    • Windows のスタートメニューに「spyder (flask)」が増えるので、それを使う。あるいは
    • コマンドプロンプトで「activate flask」を実行したあとに「spyder」

隔離された Python 環境に、Dropzone をインストール

いま作成した Python 環境に、Python パッケージをインストールする

  1. Window でコマンドプロンプトを実行

  2. いま作成した Python 環境を有効にする

    次のコマンドを実行

    activate flask 
    

  3. Dropzone のインストール

    https://dash.plot.ly/installation の記述による

    conda install -y Flask
    conda install -y Flask-QTK
    pip install Flask-Dropzone
    

  4. サンプルプログラムを動かしてみる https://github.com/greyli/flask-dropzone/tree/master/examples の記述による
    git clone https://github.com/greyli/flask-dropzone
    cd flask-dropzone/examples
    pip install -r requirements.txt
    python basic/app.py
    

    Web ブラウザで、http://localhost:5000 を開く

    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)