jq+download+文件夹下载


由于文件格式是多种的,对于 rar / zip / rtf / doc / xlsx / jpg等。 点击下载有的是直接跳转到后进行下载,但有的是打开进行预览,例如:txt / img / pdf 这些文件的下载可以使用 a 标签的download 属性来进行下载:

参考:

http://www.w3school.com.cn/tags/att_a_download.asphttps://blog.csdn.net/cynl7/article/details/78785697

具体实现:

<foreach name="data.attachment" item="v"><li class="o"><a style="color:#959595;" href="{$v.path}" download="{$v.name}" data-name="{$v.name}" class="fr">下载</a><a style="color:#959595;" href="{$v.path}" download="{$v.name}" data-name="{$v.name}" class="fl ts300">{$v.name}</a></li></foreach>

下面是用JS实现的:

<ul class="ziZhilist"><foreach name="data.attachment" item="v"><li class="o"><a href="javascript:;" style="color:#959595;" data-href="{$v.path}" data-name="{$v.name}" class="fr">下载</a><a href="javascript:;" style="color:#959595;" data-href="{$v.path}" data-name="{$v.name}" class="fl ts300">{$v.name}</a></li></foreach></ul><script type="text/javascript">(function(){var hostUrl ="http://"+"<?php echo $_SERVER['HTTP_HOST']; ?>";

$("ul.ziZhilist li").find("a").click(function(){

    var link = document.createElement('a');

    link.setAttribute("download",$(this).attr("data-name"));

    link.href = hostUrl+$(this).attr("data-href");

    link.click();

});

})();</script>

这种方法还是比较简单的。

如果文件过大,或者数量过多,可以尝试使用插件,这里我分享一款插件,详细信息可以参考这篇文章:

http://blog.ncmem.com/wordpress/2019/08/28/net%e6%96%87%e4%bb%b6%e6%89%b9%e9%87%8f%e4%b8%8b%e8%bd%bd/


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM