如何清除vaadin upload中的上载?

如何清除vaadin upload中的上载?,vaadin,polymer-1.0,Vaadin,Polymer 1.0,当我重新路由到vaadin上载组件以再次加载其他图像时,我希望清除以前的上载。但每当我点击组件时,它也会显示初始上传的数据: 正如我浏览了vaadin-upload.html的代码一样,似乎没有一种方法(更不用说它的API的一部分)可以让你清除以前上传的文件。我在项目中需要这个功能,所以我自己修改了vaadin-upload.html 在传递给vaadin-upload.html中的Polymer()函数的对象中,我添加了以下行: clearFiles: function() { thi

当我重新路由到vaadin上载组件以再次加载其他图像时,我希望清除以前的上载。但每当我点击组件时,它也会显示初始上传的数据:


正如我浏览了vaadin-upload.html的代码一样,似乎没有一种方法(更不用说它的API的一部分)可以让你清除以前上传的文件。我在项目中需要这个功能,所以我自己修改了vaadin-upload.html

在传递给vaadin-upload.html中的
Polymer()
函数的对象中,我添加了以下行:

clearFiles: function() {
    this.set('files', []);
}
然后,您可以使用喜爱的选择器函数获取
的实例,然后调用
clearFiles()
。在聚合物框架中,这可能看起来像:

this.$.myVaadinUpload.clearFiles();
修改第三方库并不理想,但这项工作简单明了

请注意,使用
this.set()
(而不是
this.files=[]
)触发聚合物的结合观察者非常重要。

使用此html:

<vaadin-upload id="uploader" files="{{files}}"> ... </vaadin-upload>
这更干净,因为它不需要修改
vaadin upload
的代码

this.$.uploader.files = [];