0

私は filepicker.io を試してみましたが、「ファイルを選択」ボタンをクリックし、設定した唯一のソースが「COMPUTER」である場合、2 つの手順を実行する必要があるのは少しイライラすることがわかりました。それでもダイアログ ボックスが表示され、[ファイルを選択] をクリックする必要があります。

プラグインは、それがコンピュータのみであることを認識し、ユーザーが [Pick File] をクリックしたときにファイル ダイアログを表示するほどスマートにできますか? ファイルをドロップするための div が既に含まれています。

4

2 に答える 2

2

興味深いアイデアです。現在、この機能は実際にはありませんが、filepicker.store や filepicker.makeDropPane などのコンポーネントを使用すれば、それほど難しくはありません。コードがどのようになるかの簡単なスケッチを次に示します。

filepicker.setKey("l5uQ3k7FQ5GoYCHyTdZV");
var pane = document.getElementById("dragdrop");
document.getElementById("file").onchange = function(){
    if (!this.value){return;}
    pane.innerHTML = "Uploading...";

    filepicker.store(this, function(fpfile){
        console.log("Stored", fpfile)                
        pane.innerHTML = "Stored "+fpfile.filename;
    });        
}

pane.style.width = "200px";
pane.style.height = "20px";
pane.style.backgroundColor = "#BBB";                    

filepicker.makeDropPane(pane, {
     onSuccess: function(fpfiles){
        pane.innerHTML = "Stored "+fpfiles[0].url;   
     }
})

http://jsfiddle.net/yCDDg/1/の例

于 2012-11-19T21:21:51.497 に答える
0

このアプローチは、標準の filepicker.io アカウント (s3 なし) で機能しますか? ドキュメントには、filepicker.store現在 s3 バケットのみで動作すると記載されています。

于 2013-03-03T16:43:32.907 に答える