精华内容
下载资源
问答
  • 使用js实现下载功能

    千次阅读 2018-08-10 16:31:56
    使用js实现下载功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&...

    使用js实现下载功能


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>文件下载</title>
    </head>
    <body>
    <div onclick="funDownload('1111111111','文档.txt')">点我啊</div>
    <div onclick="download('你棒','https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1533799465&di=0f7445fba7d177bfd21b2d71d41531fb&src=http://pic28.photophoto.cn/20130717/0010023915569244_b.jpg')">点我啊</div>
    <div onclick="downloadUrl('https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1533799465&di=0f7445fba7d177bfd21b2d71d41531fb&src=http://pic28.photophoto.cn/20130717/0010023915569244_b.jpg')">点我啊</div>
    <script>
        function funDownload(content, filename) {
            // 创建隐藏的可下载链接
            var eleLink = document.createElement('a');
            eleLink.download = filename;
            eleLink.style.display = 'none';
            // 字符内容转变成blob地址
            var blob = new Blob([content]);
            eleLink.href = URL.createObjectURL(blob);
            // 触发点击
            document.body.appendChild(eleLink);
            eleLink.click();
            // 然后移除
            document.body.removeChild(eleLink);
        };
        function download(name,href) {
            var $a = document.createElement('a');
            $a.setAttribute("href", href);
            $a.setAttribute("download",name);
            var evObj = document.createEvent('MouseEvents');
            evObj.initMouseEvent( 'click', true, true, window, 0, 0, 0, 0, 0, false, false, true, false, 0, null);
            $a.dispatchEvent(evObj);
        }
       function downloadUrl(src){
            var $a = document.createElement('a');
            $a.setAttribute("href", src);
            $a.setAttribute("download", "");
            var evObj = document.createEvent('MouseEvents');
            evObj.initMouseEvent( 'click', true, true, window, 0, 0, 0, 0, 0, false, false, true, false, 0, null);
            $a.dispatchEvent(evObj);
        }
    </script>
    </body>
    </html>
    展开全文
  • JS实现下载功能

    千次阅读 2019-06-24 10:37:00
    如果不是特别大的文件,比如图片,可以直接通过JS实现下载。 //下载图片 function downloadIamge(selector, name) { // 通过选择器获取img元素, var img = $(selector).children(); // 将图片的src属性...

    如果不是特别大的文件,比如图片,可以直接通过JS实现下载。

           //下载图片
            function downloadIamge(selector, name) {
                // 通过选择器获取img元素,
                var img = $(selector).children();
                // 将图片的src属性作为URL地址
                var url = img[0].src
                var a = document.createElement('a')
                var event = new MouseEvent('click')
                name = new Date().getTime();
                a.download = name + ".jpg";
                a.href = url
    
                a.dispatchEvent(event)
            }    

     

    转载于:https://www.cnblogs.com/Echiops/p/11075797.html

    展开全文
  • JS实现下载次数倒数特效实例源码,供大家一起共同分享学习。
  • js实现下载功能

    千次阅读 2017-11-23 09:10:57
    js实现下载功能最近需要做一个下载功能,然后到网上查了查,顺便写了个小demo; 在h5新特性里面;a标签有个download的属性; 下载的文件的路径" download="下载文件的名称"> 通过 a 标签设置download属性,可以让...

    js实现下载功能

    最近需要做一个下载功能,然后到网上查了查,顺便写了个小demo;
    在h5新特性里面;a标签有个download的属性;

        <a href="下载的文件的路径" download="下载文件的名称"></a>
    

    通过 a 标签设置download属性,可以让浏览器生成下载窗口下载文件:效果图
    这里写图片描述

    这是360浏览器上测试的。
    如上图所示href代表的是需要下载的文件的url,download属性必须存在,其后是文件的名称。非常简单虽然兼容性不太好。

    展开全文
  • JS实现下载文件并重命名

    千次阅读 2020-02-21 09:59:54
    前端js实现下载文件并重命名: download: function (row) { var url = '../uploads/' + row.SystemGivenName; //window.open(url); //该方法只能下载比如xls等不能直接打开的文件,对于png之类的文件会直接打.....

           前端js实现下载文件并重命名:

            download: function (row) {
                    var url = '../uploads/' + row.SystemGivenName;

                    //window.open(url);   //该方法只能下载比如xls等不能直接打开的文件,对于png之类的文件会直接打开而非下载
                    const link = document.createElement('a');
                    link.style.display = 'none';
                    link.href = url;
                    link.setAttribute('download', row.RawName);
                    document.body.appendChild(link);
                    link.click();
                },

    展开全文
  • js实现下载excel

    千次阅读 2020-02-06 17:41:34
    excel是常见的表格处理工具,那么前端怎么实现excel生成与下载呢?我们利用xlsx.js实现 一. 安装js-xlsx npm install xlsx 二. 文档简介 完成的XLSX对象: 需要理解的术语: 1 workbook是xlsx读取excel内容后的js...
  • js实现下载文件到本地磁盘

    千次阅读 2019-09-29 12:41:26
    ·HTML5给a标签新增了download属性,利用这个属性可以便捷的实现下载已有的文件功能,而不需要任何插件。 <div οnlοad="autoClickA()"> <a href="aaa.png" download="aaa.png"><span id="down"&...
  • js实现下载xls文件

    千次阅读 2019-08-06 14:00:59
    <title>js导出xls表格 html, body { width: 100%; height: 100%; } body { display: flex; justify-content: center; align-items: center; } table { margin: 10px 0; } ...
  • HTML+JS 实现下载图片到本地

    万次阅读 2018-09-21 14:40:46
    标签的新增属性,download属性能让我们指定浏览器下载文件时的默认名称,也就是在客户端重命名下载文件。将download属性添加到&lt;a&gt;链接上,当我们点击这个链接,download属性值里的名称会显示到弹出的...
  • javascript 实现下载的几种方法

    千次阅读 2020-12-31 17:06:19
    我们在项目开发过程中,经常会遇到下载功能;基于我使用过的方法做了一个总结,然后写下这篇文章作为记录! 一、使用 a 标签(get请求) a标签是最简单的方法,只需要把 文件的地址 或 接口 给 a 标签的 href 属性,...
  • js实现下载远程文件

    千次阅读 2017-12-07 14:11:13
    具体代码如下: var a = $(' ') $(document.body).append(a) $('.capture_download').trigger("click")
  • js 实现下载二维码到本地功能

    千次阅读 2019-07-02 13:44:59
    js代码只需要几行就能搞定: 按钮点击方法(因为我每个领取到的广告都是v-for遍历出来的单独的,所以要通过index索引找到指定的那条广告,如果你们只有一条内容的话,可以不需要添加索引): //保存图片至本地...
  • JS 实现下载图片并且重命名

    千次阅读 2019-10-28 17:09:22
    getBase64=(val)=>{ const _this=this window.URL = window.URL || window.webkitURL; const xhr = new XMLHttpRequest(); xhr.open("get", val, true); xhr.res...
  • js实现下载多张图片并压缩起来

    千次阅读 2019-06-28 16:53:51
    但是后台工作量太大,分析下前端能不能实现这个功能。 2、实现 1、jszip.js压缩并保存图片 2、FileSaver.js 保存压缩文件 /** * 将图片转换成base64 并返回路径 * @param img * @param {number} width ...
  • JS实现下载xlsx格式文件--js-xlsx

    万次阅读 2017-06-05 12:47:16
    之前写过关于JS上传xlsx文件,这回是关于下载的。用的技术还是js-xlsx,blob。 部分内容转至
  • JS实现下载文件?

    2012-12-21 11:29:37
    下载</a>来做,系统总是默认打开该文件,而不是弹出下载框。 我也尝试在<a>标签加onclick事件,在事件中写window.location.href="文件地址"或者window.open("文件地址") 系统还是默认打开该文件,而...
  • 原生js实现下载导出Excel两种方式

    千次阅读 2019-08-20 15:47:52
    } function base64(){ return window.btoa(unescape(encodeURIComponent(s))) } 第二种:使用插件 xlsx.full.min.js 代码: // 下载地址 https://github.com/SheetJS/js-xlsx/tree/master/dist // 导入 xls插件 //...
  • js实现点击下载文件

    万次阅读 2019-08-20 10:17:33
    直接点击可以下载,需要注意的是download属性,当不加download属性时,如果文件格式为txt、pdf、jpg等浏览器支持直接打开的文件格式,那么不会下载,而是浏览器直接打开;添加download属性之后,就会下...
  • javascript XMLHttpRequest实现下载文件

    千次阅读 2019-05-11 11:32:22
    查阅网上关于JavaScript实现下载文件功能,主要有几种方式: 1. window.open(url) 这是最差劲最不负责任的做法,因为会下载会弹出白页面 2. 构造form表单,form.submit() 这种方式有一个问题:不能加入等待对话框 ...
  • js实现坦克大战按方向键移动坦克,按空格键发炮 js实现坦克大战按方向键移动坦克,按空格键发炮 js实现坦克大战按方向键移动坦克,按空格键发炮 js实现坦克大战按方向键移动坦克,按空格键发炮
  • 本文通过一段简单的代码给大家介绍了js实现浏览器下载文件的方法,需要的的朋友参考下吧
  • 1. 前端 js 下载实现与示例 通过 javascript 动态创建一个包含 download 属性的 a 元素,再触发点击事件,即可实现前端下载。 代码示例: function download(href, title) {  const a = document.cr
  • javascript实现生成并下载txt文件(支持IE浏览器,谷歌浏览器等)
  • JS实现下载功能,一般都是这么几个过程:生成下载的URL,动态创建一个A标签,并将其href指向生成的URL,然后触发A标签的单击事件,这样就会弹出下载对话框,从而实现了一个下载的功能
  • JavaScript实现支持断点续传的下载器 演示版 let downloader = new RangeDownloader ( { url : "https://local.zapic.moe/test.bin" , onload : ( self ) => { let res = self . getResultAsBlob ( ) ; let ...
  • js 实现文件下载方式

    千次阅读 2018-03-08 21:05:04
    js 实现文件下载方式
  • JS 实现图片下载

    万次阅读 2019-07-23 10:58:38
    标签属性,但在IE低版本浏览器中不识别此属性,需要区分浏览器并针对性处理,还有就是如果动态的更新图片下载地址,浏览器的安全机制会阻止触发点击事件。下面来看示例 定义和用法 download 属性定义了下载链接的...
  • js实现自动下载

    2019-05-16 13:29:27
    <meta charset="utf-8"> <a href="../test.zip" download="../test.zip" id="xiazai">下载</a> <script> xiazai = document.getElementById('xiazai'); xiazai.click(); </scri...
  • 通过JS实现PDF在线预览和下载功能,代码简单易懂,添加到自己的代码就可用

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 366,578
精华内容 146,631
关键字:

js实现下载