0

これをCSSに入れます：

#drop_zone {
    border: 2px dashed #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    background-color: white;
}

そして、div私のHTMLで：

<div id="drop_zone"><span style="color: darkgray">Drop files here.</span></div>

私は以前、ハンドラーをインターセプトし、ファイルをローカルで解析するための JavaScript を作成しましたが、今は Flask バックエンドと対話しており、標準フォームをバイパスしてアップロード イベントとしてファイルを渡したいだけです。

<form action="" method=post enctype=multipart/form-data>
    <p><input type=file name=file>
        <input type=submit value=Upload>
</form>

JavaScriptでこれを行う簡単な方法はありますか?

また、標準のアップロード オプションを提供する Gmail のスタイルで何かを行うのは素晴らしいことです (私は jasny のアップロード ウィジェットを調べていましたが、それで胸焼けをしてきました) そして、ファイルをドラッグすると、 div に追加すると、代わりにドラッグ アンド ドロップするオプションが提供されます。

4

1 に答える 1

1

ここで求めているものはすべて、私が管理しているクロスブラウザー アップロード ライブラリで提供されています: Fine Uploader . 車輪の再発明には意味がありません、IMHO。readme とデモをチェックして、ニーズに合っているかどうかを確認してください。

于 2013-04-12T15:10:11.117 に答える