H5 文件下载

Posted 潇潇雨歇_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5 文件下载相关的知识,希望对你有一定的参考价值。

 代码:

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<head runat="server">  
<title>文件下载</title>
<script type="text/javascript">
    function downLoad()  
    var elemIF = document.createElement("iframe");     
    elemIF.src = "https://codeload.github.com/jerrywjh/LinuxLabs/zip/master";    
    elemIF.style.display = "none";     
    document.body.appendChild(elemIF);  
  
</script>
</head>
<body>
     <a href="#" onClick="downLoad()">点击下载</a>  
</body>
</html>

截图:



总结:

      只需在后端编写一个具有下载功能的http对外接口,便可使用简单的几行代码实现按键触发下载功能。

以上是关于H5 文件下载的主要内容,如果未能解决你的问题,请参考以下文章

云原生之使用Docker部署h5ai文件展示页

如何合并多个 .h5 文件?

H5拖放+FormData接口+NodeJS,完整异步文件上传

原生app嵌入h5页面,怎么实现不升级app更新H5页面的CSS

h5项目发布,怎么配置线上地址

使用 h5py 沿新轴将数据添加到现有 h5py 文件