js php實現無重新整理下載功能
2020-07-16 10:05:54
js結合php實現下載功能
伺服器端
步驟就是，設定標頭檔案引數，然後讀入並輸出檔案。下面程式碼的file_get_contents可以使用fread，fclose代替。
download.php
<?php
$filename = $_GET['filename'];
$path = __DIR__."/file/".$filename;
header( "Content-type: application/octet-stream");
header( "Accept-Ranges: bytes ");
header( "Accept-Length: " .filesize($filename));
header( "Content-Disposition: attachment; filename={$filename}");
echo file_get_contents($filename);用戶端
在很多時候，我們下載檔案的操作，都是在前端頁面直接點選下載的，而不是專門跳轉到上面的download.php去下載。
所以我們需要在前端實現無重新整理存取download.php來下載檔案，通過隱藏的iframe來實現是不錯的方式。下面是程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="javascript:download_file('http://localhost/download.php?filename=" rel="external nofollow" 測試檔案.doc"')">下載</a>
<script type="text/javascript">
function download_file(url)
{
if (typeof (download_file.iframe) == "undefined")
{
var iframe = document.createElement("iframe");
download_file.iframe = iframe;
document.body.appendChild(download_file.iframe);
}
//alert(download_file.iframe);
download_file.iframe.src = url;
download_file.iframe.style.display = "none";
}
</script>
</body>
</html>file_get_contents先讀取，然後echo的方式。可以使用readfile函數代替，效率更高。
以上就是js php實現無重新整理下載功能的詳細內容，更多請關注TW511.COM其它相關文章！