利用html标签实现文件下载

  • 文档创建者:axing
  • 编辑次数:5次
  • 最近更新:Carly 于 2020-01-09
  • 1. 概述

    1.1 问题描述

    安装上传下载插件之后可以设置下载文件,详见:上传下载文件插件

    但如果不想安装插件呢,如何实现下载文件呢?

    1.2 解决思路

    通过 HTML 标签来实现下载

    2. 示例

    本文以下载%FR_HOME%\webapps\webroot\help目录下的通讯录 .xls文件为例,如下图所示:

    222

    2.1 新建报表

    新建普通报表,报表主体样式设计如下:

    1578555570703617.png

    单元格内容如下表所示:

    单元格内容备注
    A2

    插入普通文本:

    http://localhost:8075/webroot/help/通讯录.xls

    -
    B2

    插入普通文本:

    ../../help/通讯录 .xls

    相对路径根据具体情况设置,这里的模板在一个文件夹下,因此要返回两层。
    A3

    插入公式:

    "<a href='"+ A2 + " 'download='绝对路径下载'>点击下载</a>"

    -
    B3

    插入公式:

    "<a href='" + B2 + "' download='相对路径下载'>点击下载</a>"

    -

    2.2 设置单元格属性

    选中 A3、B3 单元格,选择单元格属性,设置显示内容为用 HTML 显示内容。如下图所示:

    1578555502811113.png

    2.3 效果预览

    2.3.1 PC 端

    保存模板,点击预览,效果如下图所示:

    1)绝对路径

    1578556294714310.png

    2)相对路径

    1578556269958235.png

    2.3.2 移动端

    App 端不支持此效果。

    HTML5 端预览效果如下图所示:

    222

    3. 已完成模板

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\ SpecialSubject\利用html标签实现文件下载.cpt

    点击下载模板:利用html标签实现文件下载.cpt

    附件列表


    主题: 报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!