Skip to content

文件下载示例

公共文件下载示例

  • TODO:对于使用公共文件上传服务上传的文件,可以使用公共文件的文件下载方法下载文件,如果是各业务模块自行上传的文件,则不能使用公共文件的文件下载方法来下载文件
  • TODO:调用公共文件的文件下载方法下载文件,传入公共的文件id与文件名称
vue
<!-- 公共文件下载示例 -->
<template>
  <!-- 公共文件下载 -->
  <el-button size="small" type="primary" @click="onDownload">下载</el-button>
</template>
<script>
import { fileDownload } from '@/mixin/file';

export default {
  methods: {
    /**
     * 处理公共文件下载
     * TODO:对于使用公共的文件上传服务上传的文件,可以使用公共文件的文件下载方法下载文件,如果是各业务模块自行上传的文件,则不能使用公共文件的文件下载方法来下载文件
     */
    onDownload() {
      let attachId = 'xxxxxxxxxxxxxxxxxxx';
      let attachName = '公共文件工作表示例.xls';
      // TODO:调用公共文件的文件下载方法下载文件,传入公共的文件id与文件名称
      fileDownload(attachId, attachName);
      this.$message({
        type: 'success',
        message: '文件正在下载,请稍后!',
      });
    },
  },
};
</script>

业务模块文件下载示例

  • TODO:对于是各业务模块自行上传的文件,由于下载文件需要额外的传入ticket参数,所以使用公共下载方法来下载文件,公共下载方法统一对ticket进行了处理
  • TODO:调用公共下载方法下载文件,传入文件下载url与文件名称
vue
<!-- 业务模块文件下载示例 -->
<template>
  <!-- 业务模块文件下载 -->
  <el-button size="small" type="primary" @click="onDownload">下载</el-button>
</template>
<script>
import { download } from '@/mixin/page';

export default {
  methods: {
    /**
     * 处理业务模块文件下载
     * TODO:对于是各业务模块自行上传的文件,由于下载文件需要额外的传入ticket参数,所以使用公共下载方法来下载文件,公共下载方法统一对ticket进行了处理。
     */
    onDownload() {
      let downloadUrl = 'http://127.0.0.1:8080/pty/pex/pex-bill-download';
      let attachName = '会议费报销单.pdf';
      // TODO:调用公共下载方法下载文件,传入文件下载url与文件名称
      download(downloadUrl, attachName);
      this.$message({
        type: 'success',
        message: '文件正在下载,请稍后!',
      });
    },
  },
};
</script>