js如何实现在进度条的下载功能

风轻轻云淡淡丶 2018-03-27 10:52:54

js如何实现在进度条的下载功能？哪个大神能指点一下，有什么插件或者有什么思路啊。

...全文

481 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

activexme 2018-03-27

打赏
举报

引用 1 楼 albb252 的回复:

[quote=引用楼主 rwx13080831032 的回复:] js如何实现在进度条的下载功能？哪个大神能指点一下，有什么插件或者有什么思路啊。

楼主试试这个控件：http://www.cnblogs.com/xproer/archive/2011/03/26/1996322.html 示例代码：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Web文件下载控件演示页面</title> 
    <script type="text/javascript" src="js/json2.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/down.file.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/down.folder.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/down.js" charset="utf-8"></script></head>
<body>
<div id="downDiv"></div>
    <script type="text/javascript" language="javascript">
    var downer = new DownloaderMgr();

    $(document).ready(function ()
    {
    	    downer.loadTo("downDiv");

    	    //加载HttpUploader6上传的文件列表
    	    loadAllComplete();
    	});
	
	</script>
    <ul>
        <li><p><a target="_blank" href="../index.htm">打开上传页面</a></p></li>
        <li><p><a target="_blank" href="../db/clear.aspx">清空上传数据库</a></p></li>
        <li><p><a target="_blank" href="db/clear.aspx">清空下载数据库</a></p></li>
    </ul>  
</body>
</html>

资源下载： cab安装包(x86) cab安装包(x64) xpi安装包 crx安装包 crx(nat)安装包 exe安装包开发文档 asp.net示例 jsp-mysql示例 jsp-oracle示例 jsp-sql示例 php-mysql示例 [/quote]Xproer.HttpDownloader这个貌似不错。JS下载这块网上比较少，上传的到是比较多。

albb252 2018-03-27

打赏
举报

引用楼主 rwx13080831032 的回复:

js如何实现在进度条的下载功能？哪个大神能指点一下，有什么插件或者有什么思路啊。

楼主试试这个控件：http://www.cnblogs.com/xproer/archive/2011/03/26/1996322.html 默认界面

下载文件夹

下载层级结构：

批量下载中

下载中...

下载完毕

示例代码：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Web文件下载控件演示页面</title> 
    <script type="text/javascript" src="js/json2.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/down.file.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/down.folder.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/down.js" charset="utf-8"></script></head>
<body>
<div id="downDiv"></div>
    <script type="text/javascript" language="javascript">
    var downer = new DownloaderMgr();

    $(document).ready(function ()
    {
    	    downer.loadTo("downDiv");

    	    //加载HttpUploader6上传的文件列表
    	    loadAllComplete();
    	});
	
	</script>
    <ul>
        <li><p><a target="_blank" href="../index.htm">打开上传页面</a></p></li>
        <li><p><a target="_blank" href="../db/clear.aspx">清空上传数据库</a></p></li>
        <li><p><a target="_blank" href="db/clear.aspx">清空下载数据库</a></p></li>
    </ul>  
</body>
</html>