HTML网页页面点一下免费下载文档的两种完成方式

1.应用<a>标识来进行

<a href="/user/test/xxxx.txt" download="文档名.txt">点一下免费下载</a>  

这样当客户开启访问器点一下连接的情况下就会立即免费下载文档。

可是有个状况,例如txt,png,jpg等这些访问器适用立即开启的文档是不容易实行免费下载每日任务的,而是会立即开启文档,这个情况下就必须给a标识加上1个特性“download”;

下列为事例

移到标识<a>标识上能够显示信息文档相对路径,依据相对路径提醒开展文档相对路径的补全

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF⑻">  
        <title></title>  
    </head>  
    <body>  
        <a href="321.png" download="test.png">点一下免费下载</a>    
    </body>  
</html>  

若需从网页页面提交的照片中开展免费下载  将会会用到下列方式

获得主机网站域名:

location.hostname

获得端口号号:

location.port

2.应用按钮开展监视

按钮监视又能够分成两种方式,

1是window.open()

var $eleBtn1 = $("#btn1");  
        var $eleBtn2 = $("#btn2");  
        //已知1个免费下载文档的后端开发插口:https://codeload.github.com/douban/douban-client/legacy.zip/master  
        //方式1:window.open()  
        $eleBtn1.click(function(){  
            window.open("https://codeload.github.com/douban/douban-client/legacy.zip/master");  
        });  

2是表单递交

//方式2:根据form  
        $eleBtn2.click(function(){  
            var $eleForm = $("<form method='get'></form>");  
            $eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");  
            $(document.body).append($eleForm);  
            //递交表单,完成免费下载  
            $eleForm.submit();  
        });  

总结

以上所述是网编给大伙儿详细介绍的HTML网页页面点一下免费下载文档的两种完成方式,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!