如何使用Fancybox下载文件时更改文件的名称

Question

我有一个div，网格中有各种图像，当页面加载时填充，并在单击图像时使用Fancybox-3启用缩放和下载功能。

当文件上传时，我在开头添加一个8位随机哈希，以确保没有重复项，并且需要在下载时删除此8位哈希，以便用户获取与上载时名称相同的文件。我搜索了各种来源，找不到答案

Answer 1

但问题出在哪里？你尝试过什么吗？您是否不知道fancybox（与大多数js脚本/库一样）提供了丰富的API，因此您可以轻松地1）使用回调执行代码？ 2）访问dom元素？

例：

$('[data-fancybox="images"]').fancybox({
  buttons: [
    'zoom',
    'slideShow',
    'download',
    'thumbs',
    'close'
  ],
  afterShow : function(instance, current) {
    // This is how you can get src of current image
    console.info('current.src: ' + current.src);

    // This is how you can access dom elements
    instance.$refs.toolbar
      .find("[data-fancybox-download]")
      .attr("href", "https://t5.rbxcdn.com/3ec65288167d11dafe3f2dd674add32f");
  }
});

https://codepen.io/anon/pen/KxGLar?editors=1010