HTML js 实现文件下载,rar格式可以直接下载,其他格式会预览

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<script>
$(document).ready(function(){
$("#tt").click(function(){
var form=$("<form>");


   //设置表单状态为不显示
   form.attr("style","display:none");


   //method属性设置请求类型为get
   form.attr("method","get");


   //action属性设置请求路径,(如有需要,可直接在路径后面跟参数)
   //例如:htpp://127.0.0.1/test?id=123
   form.attr("action","SPRING 实战.pdf");


   //将表单放置在页面(body)中
   $("body").append(form);


   //表单提交
   form.submit();
   /* var url="mysqlsjkyy.rar";

        var elemIF = document.createElement("iframe");   
        elemIF.src = url;   
        elemIF.style.display = "none";   
        document.body.appendChild(elemIF); */
        
        //定义一个form表单,通过form表单来发送请求
        var form=$("<form>");


        //设置表单状态为不显示
        form.attr("style","display:none");


        //method属性设置请求类型为post
        form.attr("method","post");


        //action属性设置请求路径,
        //请求类型是post时,路径后面跟参数的方式不可用
        //可以通过表单中的input来传递参数
       /*  form.attr("action",url);
        $("body").append(form);//将表单放置在web中


        //在表单中添加input标签来传递参数
        //如有多个参数可添加多个input标签
        var input1=$("<input>");
        input1.attr("type","hidden");//设置为隐藏域
        input1.attr("name","id");//设置参数名称
        input1.attr("value","123");//设置参数值
        form.append(input1);//添加到表单中


        form.submit();//表单提交 */
})
})
</script>
<body>
<p><input type="button" id="tt" value="下载">
</body>
</html>

猜你喜欢

转载自blog.csdn.net/m0_37879526/article/details/80093489