admin管理员组

文章数量:1130349

  • 经常出现点击pdf文件直接跳转到预览，以下是实现不跳转，直接下载文件的方法
  • 使用axios之前请求pdf路径，转换成流文件，然后可以直接进行进行下载，就不会直接打开pdf文件了
//使用axios直接请求pdf完整路径
axios({
   method: 'get',
   url: 'pdf文件.pdf',
   responseType: 'blob'
 }).then((res) => {
    this.downloadFile(res.data, "文件", ".pdf");
  }) 

/**
 * 
 * @param {*} obj 文件流
 * @param {*} name 文件名
 * @param {*} suffix 后缀
 */
downloadFile(obj, name, suffix) {
  const url = window.URL.createObjectURL(new Blob([obj]));
  const link = document.createElement("a");
  link.style.display = "none";
  link.href = url;
  const fileName = parseTime(new Date()) + "-" + name + "." + suffix;
  link.setAttribute("download", fileName);
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}
  • 经常出现点击pdf文件直接跳转到预览，以下是实现不跳转，直接下载文件的方法
  • 使用axios之前请求pdf路径，转换成流文件，然后可以直接进行进行下载，就不会直接打开pdf文件了
//使用axios直接请求pdf完整路径
axios({
   method: 'get',
   url: 'pdf文件.pdf',
   responseType: 'blob'
 }).then((res) => {
    this.downloadFile(res.data, "文件", ".pdf");
  }) 

/**
 * 
 * @param {*} obj 文件流
 * @param {*} name 文件名
 * @param {*} suffix 后缀
 */
downloadFile(obj, name, suffix) {
  const url = window.URL.createObjectURL(new Blob([obj]));
  const link = document.createElement("a");
  link.style.display = "none";
  link.href = url;
  const fileName = parseTime(new Date()) + "-" + name + "." + suffix;
  link.setAttribute("download", fileName);
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

本文标签： 而在文件器里pdf

版权声明：本文标题：怎样让pdf 文件直接下载而在浏览器里直接打开 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1763468235a2935011.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。