精美的上传器,为每个上传的文件添加下载按钮的惯用方式

2024-04-29

我已经成功实施了优秀上传者 http://fineuploader.com进入我的项目。我正在使用添加初始文件 http://docs.fineuploader.com/branch/master/api/methods.html#addInitialFiles方法用以前上传的文件填充它。

我想要做的是将下载按钮添加到每个呈现的文件预览中,既作为用户添加的文件,又在使用 addInitialFiles 预填充时“加载”。将按钮添加到标记模板非常简单,但我坚持最惯用的方法是:

  • 侦听我添加到标记中的下载按钮上的点击事件(例如,使用良好的上传器 API 方法,或我自己的侦听器?)
  • 如何将必要的信息与每个按钮/缩略图关联起来以调用文件下载。

我将文件下载 url 存储在 mongo 集合中,该集合返回并填充 addInitial 文件方法。

万一出现:我不希望有好的上传者“处理”下载,我只是想将下载功能编织到它的 UI 中:)

感谢任何/所有建议/指示!


  1. 将锚链接添加到模板中的某个位置<li>.
  2. 听听qq.status.UPLOAD_SUCCESS状态变化。
  3. 成功后,更新锚链接以指向适当的下载端点。您可以使用以下命令找到特定文件的锚链接getItemByFileId http://docs.fineuploader.com/branch/master/api/methods.html#getItemByFileId.

您需要确保您的服务器返回正确的Content-Disposition响应下载 GET 请求时的标头。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

精美的上传器,为每个上传的文件添加下载按钮的惯用方式 的相关文章

随机推荐