使用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