JavaScript~文件下载的几种方式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript~文件下载的几种方式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含983字，纯文字阅读大概需要2分钟。

内容图文

1.通过a标签的方式来下载

<a href='' target='_blank'></a>

2.通过提交form表单的方式

var $form = $('<form action="'+url+'" method="post" target="rfFrame"></form>');
angular.forEach(d,function(v,k){
    v = JSON.stringify(v);
    var $input = $('<input type="hidden" name="'+k+'"/>');
    $input.attr('value',v);
    $form.append($input);
});
$element.append($form);
$form.submit();
$form.remove();

3.通过http的请求拿到文件流的方式

$http({
    url : $scope.url,
    method : 'post',
    data : $scope.form.formdata,
    responseType : 'arraybuffer',
}).then(function(d){
    var data = d.data;
    var blob = new Blob([data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});//xlsx
//var blob = new Blob([data], {type: "application/vnd.ms-excel"});//xls
    var objectUrl = URL.createObjectURL(blob);
    var aForExcel = $("<a><span class='forExcel'>下载excel</span></a>").attr("href",objectUrl);
    $("body").append(aForExcel);
    $(".forExcel").click();
    aForExcel.remove();
});

内容总结

以上是互联网集市为您收集整理的JavaScript~文件下载的几种方式全部内容，希望文章能够帮你解决JavaScript~文件下载的几种方式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端