HTML js 實現檔案下載，rar格式可以直接下載，其他格式會預覽
阿新 • • 發佈：2019-02-17
<!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>
<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>