javascript - Meteor/CollectionFS 在下载链接点击触发后删除前端集合内容

Question

我将 Meteor 和 CollectionFS 与 S3 结合使用，使用不同的存储来提供同一集合中的缩略图和全尺寸图像。我想在“dblclick”事件发生时下载全尺寸图像。

var src = fileRecord.url({
  store: 'images',
  download: true
});

var a = $('<a>');
a.attr('href', src); // canvas.toDataURL(viewerImageObject.original.type);
a.attr('download', fileName); // canvas.toDataURL(viewerImageObject.original.type);
a.appendTo(document.body);
a.trigger('click');

不幸的是，当该事件触发时，前端集合中的所有项目都将被删除 - 这是通过在 collection.find() 返回的光标上使用简单的 {{#each}} block 帮助器来呈现的。这不会在后端持久化，仅在前端持久化。

我已经filed a CollectionFS ticket一周前，我一直试图将其拆开，但无济于事。我还意识到我可以使用 FileSaver.js 和 Canvas，但这在移动设备和大图像上会导致前端非常繁重，尤其是在填充浏览器上。

如何防止我的收藏中的项目在下载图像时被删除？

Answer 1

解决方案:将target="_blank"添加到您的 anchor 标记中，这将使您的浏览器打开一个新标签页以获取下载链接，一切都会好起来的

TLDR

虽然我能够做到这一点，但我不确定问题是什么。看起来 Iron Router 会将您当前的选项卡导航到您点击的下载链接(但地址栏上的 url 保持不变，这让我感到奇怪)，这样所有的收藏都会消失，您的网站将变为空白