美文网首页
超链接下载文件--重命名

超链接下载文件--重命名

作者: 青玉_f18c | 来源:发表于2018-11-21 11:04 被阅读0次

需求:超链接<a>下载文件, 希望地址中的文件名和下载后的文件名不一样。

场景:用户上传文件,为了防止文件名重复,所以一般后台都会将文件重命名,然后将 重命名的文件和原始文件名存储到数据表中;但是下载时,显示的文件名和文件地址就会不一样。

实现:

  • 指定下载名,通过指定 <a>的 download属性来指定文件名,比如
 <a href="/file/a32dsdfdfs23dd.zip" download="xxxx.zip">xxxx.zip</a>
  • 通过重新构造一个dom对象元素
 <a href="#" onclick="downloadFile()">xxxx.zip</a>

<script>
//用户自定义下载文件名
function downloadFile(){
      var filename=prompt("随便写点儿啥吧","比如我叫啥");
      var a = document.createElement('a');
      a.href="/file/a32dsdfdfs23dd.zip";              
      a.download = filename;
      a.click()
}
</script>

相关文章

  • 超链接下载文件--重命名

    需求:超链接 下载文件, 希望地址中的文件名和下载后的文件名不一样。 场景:用户上传文件,为了防止文件名重复,所以...

  • 来吧,教你JavaWeb中如何实现文件下载

    本文作者:乐字节-坑王老薛 文件下载的方式 超链接下载 后台实现下载 案例实操 超链接下载 当我们在 HTML 或...

  • iOS protobuf 静态库编译

    编译 准备 下载需要的protobuf zip源文件 下载gtest源文件,解压后重命名为gtest放到proto...

  • R-loop数据分析之R-ChIP(数据预处理)

    文件重命名 我们需要对下载的SRRXXXXX文件进行重命名,毕竟有意义的命名才能方便后续展示。那么,应该如何做呢?...

  • 利用HTML/HTML5中的download属性来实现数据csv

    纯前端实现文件的下载,将数据导出为csv文件。 download 属性规定被下载的超链接目标。 1. 基础写法 2...

  • 使用html新属性download自定义下载文件

    在 HTML5 中可以设置 a 标签的 download 属性,实现点击超链接时直接下载文件而不是打开超链接。 代...

  • H5改良的元素

    1、为a元素添加download属性,点击该超链接时,直接下载超链接所指向的资源文件。可以为download属性指...

  • Linux下的命令 一

    升级YUM数据库 运行如下命令: 查找软件安装目录 查询运行文件所在路径 下载单个文件 下载并重命名 断点续传 后...

  • linux 下安装redis

    下载安装 下载源码,解压缩到 /usr/local/ 重命名成 redis,编译安装 配置 创建redis配置文件...

  • Java之文件下载

    Java实现文件的下载的方式 超链接方式下载该方式就是一个链接,直接访问服务器中被下载文件的地址。该方式缺点: 如...

网友评论

      本文标题:超链接下载文件--重命名

      本文链接:https://www.haomeiwen.com/subject/wipqqqtx.html