0

訪問者がテキストを書き込める Web サイト (Facebook やブログのようなもの) を作成しました。ここで、訪問者がサイトに画像をアップロードできるように実装したいので、そのためのユーザー インターフェイスを追加しました: [参照] ボタンと [アップロード] ボタン。

クライアント側でjavascript/jqueryを使用し、サーバー側でpythonを使用しています。

ユーザーが参照ボタンをクリックしたときに、ファイルを選択するためのダイアログが表示されるようにするにはどうすればよいですか? そして、このファイルをサーバーの特定のパスにアップロードするにはどうすればよいでしょうか? クライアント側のスクリプトはファイルをサーバーに一方的にアップロードできますか、それともファイルを受け入れるためにサーバー側のスクリプトが必要ですか?

4

2 に答える 2

0

このファイルを非同期でアップロードしようとしていると思います:

クライアント側

HTML内で使用する必要があるファイルを選択するには:

<input type="file" id="file">

ユーザーは、この要素を使用してファイルを選択できます。今Javascriptの部分:

function upload() {
    var formData = new FormData();
    var target = //Upload-Server URL
    formData.append("file", document.getElementById("file").files[0]);
    var xhr = new XMLHttpRequest();
    var eventSource = xhr.upload || xhr;
    eventSource.addEventListener("progress", function(e){
        var current = e.loaded || e.position ;
        var total = e.total || e.totalSize;
        var percant = parseInt((current/total)*100, 10);
        // DO whatever you want with progress
    });
    xhr.open("POST", target, true);
    xhr.send(formData);
    xhr.onload = function() {
        if (this.status === 200)
            // SUCCESS
    };
}

クライアント側

Python サーバー側コーディングの経験はありませんが、このhttp://webpython.codepoint.net/cgi_file_uploadはあなたの場合に役立つかもしれません。

于 2013-07-28T17:16:43.050 に答える