2016-10-20 11 views
2

他の画像を再度読み込むためにvaadinアップロードコンポーネントに再ルーティングしているときに以前のアップロードをクリアします。しかし、私は、それはまた、私の最初のアップロードのためのデータを表示するコンポーネントをクリックしたときに:私はvaadin-upload.htmlのコードを見てきたようにvaadinのアップロードでアップロードをクリアするには?

enter image description here

答えて

0

、おろか、方法に存在していないようです以前にアップロードしたファイルを消去するAPIの一部です。私は自分のプロジェクトでこの機能が必要なので、vaadin-upload.htmlを自分で修正しました。あなたはその後、<vaadin-upload>のインスタンスを得るためにあなたの好きなセレクタ機能を使用して、clearFiles()を呼び出すことができます

clearFiles: function() { 
    this.set('files', []); 
} 

はvaadin-upload.htmlにPolymer()関数に渡されるオブジェクトの内部では、私は次の行を追加しました。 Polymerフレームワークでは、次のようになります。

this.$.myVaadinUpload.clearFiles(); 

第三者のライブラリを変更することは理想的ではありませんが、この回避方法は単純でクリーンです。

this.set()this.files = []の代わりに)を使用してPolymerのバインディングオブザーバをトリガすることが重要であることに注意してください。このHTMLで

0

は:

<vaadin-upload id="uploader" files="{{files}}"> ... </vaadin-upload> 

あなたは自分の要素のいずれかの方法で次の操作を行うことができます。

this.$.uploader.files = []; 

これは、それがvaadin-uploadのコードを変更する必要がないので、クリーナーです。

関連する問題