美文网首页
点击a标签触发点击事件后下载文件

点击a标签触发点击事件后下载文件

作者: 下班再说 | 来源:发表于2020-05-02 10:54 被阅读0次

    a标签

    <a></a>

    a标签下载文件

    <a download="filename" id="a_downloadPdf" href="文件地址">点击下载</a>

    添加点击事件

    <a download="filename" id="a_downloadPdf" href="文件地址" οnclick="click()">点击下载</a>

    因为 点击事件先于href执行 当点击事件返回true时 href执行 返回false href不执行

    function click() {

        $.ajax({

            type: "get",

            url: "url",

            dateType: "json",

            //data: "",

            success: function (data) {

                if (data.status == 1) {

                    return true;

                }

            },

            error: function () {

                return false;

            },

            async: false

        });

    }

    因为需要ajax执行完毕后再执行href 所以需要设置为同步请求async: false 保证文件下载时已经生成 如果async: true 文件还没有生成就已经执行下载 

    相关文章

      网友评论

          本文标题:点击a标签触发点击事件后下载文件

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