업로드에서 업로드를 지우는 방법은 무엇입니까?

Question

다른 이미지를 다시로드하기 위해 vaadin 업로드 구성 요소로 다시 라우팅 할 때 이전 업로드를 지우고 싶습니다. 나는 구성 요소를 클릭 할 때마다 그러나 그것은 또한 초기 업로드 나에게 데이터를 표시 : 내가 만약 angel-하고 Upload.html의 코드를 보았다으로

Answer 1

은 말할 것도없고, 방법에 존재하지 않는 것 API의 일부로 이전에 업로드 한 파일을 지울 수 있습니다. 내 프로젝트에서이 기능이 필요 했으므로 vaadin-upload.html을 직접 수정했습니다. 만약 angel-하고 Upload.html의 Polymer() 함수에 전달 된 객체의 내부

, 나는 다음 줄을 추가 :

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

그런 다음 clearFiles()를 호출 한 후 <vaadin-upload>의 인스턴스를 취득하고 당신의 마음에 드는 선택 기능을 사용할 수 있습니다 . Polymer 프레임 워크에서 다음과 같이 표시 될 수 있습니다.

this.$.myVaadinUpload.clearFiles(); 

타사 라이브러리를 수정하는 것이 좋지만이 방법은 간단하고 깨끗합니다.

this.set() (this.files = [] 대신)을 사용하여 Polymer의 바인딩 관찰자를 트리거하는 것이 중요합니다. 이 HTML로

Answer 2

는 :

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

당신은 단지 당신의 요소 방법 중 하나에서 다음을 수행 할 수

this.$.uploader.files = []; 

이 그것을 vaadin-upload의 코드를 수정이 필요하지 않기 때문에 청소기입니다.