下载文件的几种方法

1.form表单

html

<form id="test" action="/download" method="get/post">

    <input type="hidden" name="data" value="">

    <button class="btn" type="submit">下载</button>

</form>


js

document.getElementById("sujia").value= ‘123’;

varform =document.getElementById('form');

form.submit();


2.iframe

html

<iframe name="download" class="download-iframe" style="display:none;"></iframe>


js

$('.download-iframe').on('load',function() {

    consterrorMsg = $(this.contentWindow.document).text();

    if(errorMsg){

        window.setTimeout(function() {

            dialog.error('下载文件失败,请联系管理员!');

        },400);

    }

});

window.open(`/download`,'download');


3. a标签

<a download="b" href="/download">下载</a>

js

var isSupportDownload = 'download' in document.createElement('a');

下载后文件重命名为b,由于兼容问题可以先尝试,是否支持

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,931评论 2 17
  • 跨域资源共享 CORS 对于web开发来讲,由于浏览器的同源策略,我们需要经常使用一些hack的方法去跨域获取资源...
    默默先生Alec阅读 609评论 0 0
  • 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...
    w_zhuan阅读 547评论 0 0
  • 摘要 这篇论文描述了Fork/Join框架的设计、实现以及性能。这个框架通过(递归的)把问题划分为子任务,然后并行...
    itonyli阅读 1,209评论 0 5
  • 每个人在灵魂逐渐温热之际,都是诗人。——Ray Bradbury 《写作的禅意——释放你内在的创意天才》是二十...
    NanaLiu阅读 582评论 0 0