上传按钮，当没有被调用时出现 - 但我有2个实例

Question

我已经在页面中创建了S3上传器的2个实例，我给了它们不同的div名称。 其中一个实例设置为自动上传，另一个设置为手动上传并设置了编辑文件名。

但是，自动上传的实例也会从其他实例拉取上传按钮。它坐在那里，并没有做任何事情，因为上传按预期工作 - 自动。除了这个流氓按钮，这两种形式都是我想要的。

这是该按钮的格但我只把它在一个实例

<div id="triggerUpload-feeds" class="qq-upload-button start-upload" style="margin-top: 10px;cursor:pointer;">Upload</div> 

Answer 1

精细上传UI查找文件中与“QQ模板”的ID的模板。因此，上传者都是使用相同的模板构建的。如果您想在同一页面上使用不同模板生成多个上传器，则需要确保您在标记中定义了多个模板，每个模板都使用不同的ID。在构建每个Fine Uploader UI实例时，您需要引用适当的模板。

例如：

<script type="text/template" id="qq-template1"> 
<!-- template markup here --> 
</script> 

<script type="text/template" id="qq-template2"> 
<!-- template markup here --> 
</script> 

<script> 
var uploader1 = new qq.FineUploader({ 
    template: 'qq-template1' 
}); 

var uploader2 = new qq.FineUploader({ 
    template: 'qq-template2' 
}); 
</script> 

欲了解更多信息，请参阅templating/styling feature page in the docs。