0

rich:upload タグを使用してファイルのアップロードを実装しました。新しい要件は、フォルダーからのファイルのドラッグ アンド ドロップを受け入れ、ファイルのアップロード プロセスをトリガーすることです。

私の質問は、これを実装する方法ですか？Html5、jQueryなどに関係なく、実装するだけです。

たとえば、ドラッグ イベントを受け取ったら、リッチフェイスに統合できれば、jQuery などで rich:upload をトリガーできます。これが最適です。

プロジェクトの Web フレームワークは、richfaces + jsf です。

前もって感謝します。

追記：jqueryファイルのアップロードデモはこちら

4

1 に答える 1

1

File APIの使用方法を示す例を次に示します。

基本的に、ondropイベントとFileReaderオブジェクトを使用する必要があります。

<div id='holder'></div>
<script>
    var holder = document.getElementById('holder');
    holder.ondrop = function (e) {
        var file = e.dataTransfer.files[0],
            reader = new FileReader();

        reader.onload = function (event) {
            // your file info
            console.log(event.target);
        };

        // do read
        reader.readAsDataURL(file);

        return false;
    };
</script>
于 2012-12-27T14:04:09.013 に答える