通过隐藏iframe实现文件下载的js方法

最新推荐文章于 2024-01-31 15:09:05 发布

最新推荐文章于 2024-01-31 15:09:05 发布 · 427 阅读

本文介绍了一种通过隐藏iframe实现文件下载的技术，包括JavaScript代码实现和使用方法，适用于网页上需要提供文件下载链接但又不想直接暴露源链接的情况。

通过隐藏iframe实现文件下载的js方法

function download()
{
//下载文件的地址
var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f7207";
document.getElementById("ifile").src=url;
}

</script>

<a href="#" onclick="download()">download</a>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_3606

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

web中文件下载用创建Iframe处理

karlwanghn的专栏

09-14

4598

调用下载方法时传入下载地址创建Ifram调用服务端添加错误处理 javaScript代创建隐藏的Iframe /** *在ui中创创建iframe */ var elemIF = document.createElement("iframe");

js自定义方法通过隐藏iframe实现文件下载

10-27

通过隐藏iframe实现文件下载,不可思议吧，但确实是可以实现的,不懂的看下代码，或许可以帮助到你,而且此功能是用js实现的，感兴趣的你可不要错过了哈

参与评论您还未登录，请先登录后发表或查看评论

在默认 PDF 查看器的 iframe 中禁用/隐藏下载按钮

weixin_46783311的博客

12-07

3097

试了好多方法，这个可以“在 src 中的 .pdf 文件名后使用#toolbar=0”在默认 PDF 查看器的 iframe 中禁用/隐藏下载按钮。

通过隐藏iframe实现文件下载的js方法介绍

10-26

本篇文章主要是对通过隐藏iframe实现文件下载的js方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

ashx实现下载功能

hxwangcong的专栏

08-11

4523

using System; using System.Web; public class download : IHttpHandler { public void ProcessRequest (HttpContext context) {

前端开发Vue调用后台接口实现文件下载：基于Blob、Iframe及带进度条组件的解决方案

最新发布

05-16

方案二基于iframe，通过创建隐藏的iframe元素并设置其src属性来触发下载，适合需要保留浏览器历史记录或处理跨域问题的场景。方案三为带进度条的高级下载组件，不仅实现了下载功能，还提供了下载进度的实时反馈，...

通过隐藏iframe实现无刷新上传文件操作

11-25

综上所述，通过隐藏IFrame实现无刷新上传文件是一种有效的策略，它避免了AJAX上传文件可能带来的复杂性，特别是处理大文件时。结合ReactJS、AmazeUI和Node.js，可以构建出优雅且功能强大的文件上传系统。虽然现在...

iframe 隐藏域下载文件显示遮罩层

预立数据科技

08-24

3793

html: <iframe id="loadFileHide" style="display:none;"></iframe> javascript: function download() { document.getElementById("loadFileHide").src = "/ExampleModule/Hadoop/E...

js前端下载的几种方式

weixin_51033179的博客

10-26

646

js 下载文件

页面中使用单一按钮同时下载多个文件。

h_qingyi的博客

05-29

2855

最近一个vue项目中使用window.loacation来下载文件，在下载多文件的时候只能下载到一个，查了查资料，这个和浏览器的安全规则有关，所以既然新开页面不行，那就动态在页面中增加隐藏的iframe元素，去请求这个文件，然后再删除这个iframe就解决了这个问题。代码如下： export function multiDownLoad(val) { for (...

关于js在iframe中显示与隐藏的控制方式（display、visilibity以及hide()/show()）

weixin_30680385的博客

01-08

2729

引子：在项目开发过程中，使用iframe嵌套不同的页面，通过菜单来控制页面的切换展示。最开始使用的是show()和hide()方法来控制页面的展示与隐藏，但是遇到嵌套的页面高度不固定，当嵌套页面过高会出现滚动条，如果拉下滚动条到某个位置，然后切换页面，再切换到上个页面时滚动条就自动到顶部而不是在之前下拉到的位置，所以这就存在问题。这里，自己简单写了一个示例页面来更好的说明一下这个问题：...

react、vue、js实现文件下载导出（iframe，form,a标签）

从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！

12-23

9868

只需要传一个文件下载地址的url即可 downloadFile = (url) => {//下载方法 console.log(url) const iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height ...

83版本chrome禁止使用ifame标签嵌套下载

weixin_41201038的博客

06-08

1102

出于沙盒安全性考虑，83版本的chrome浏览器默认禁止了iframe嵌套页面，通过a和window.open,localtion.href点击下载，为了解决这个问题，可以在父页面的iframe中sandbox属性中添加allow-downloads进行解决，请不要使用allow-downloads-without-user-activation （允许在没有征求用户同意的情况下下载文件）以上转载https://blog.youkuaiyun.com/qq_39650209/article/details/106

通过js隐藏ifarme子页面里的部分元素

zzzmgr的博客

09-06

8327

最近项目页面使用iframe 嵌入一个页面因为某些按钮不必显示故需隐藏这个地方找到的方法比较多这只是其中一个亲测好用所以赶快mark下来: iframe html : <iframe name="processResultMsg" width="100%" height="65%" id="processResultMsg" src="/${msgPath...

打开PDF去除下载按钮（pdf.js）

墨尘

12-09

8642

最近在做一个打开pdf只要预览不要下载的功能，浏览器打开的话会有一个下载按钮，但是我不想要这个按钮，找了好久没找到去掉这个按钮的方法，最后我选择了用pdf.js。其实pdf.js用起来还是挺简单的：链接: https://pan.baidu.com/s/1itCT9_AK2HBPNxIC9fvV5w 提取码: ymtk 下载后解压，然后放到web工程里面首先打开web目录下的view...

给iframe添加点击事件，控制菜单显示隐藏

dz13271116886的博客

06-17

1107

功能需求页面分为头部菜单和底部iframe盒子，头部的菜单可以伸缩，要求点击iframe的时候菜单会缩回去。 //点击其他区域，隐藏菜单 var iframe = document.getElementById('ra-iframe'); iframe.onload = function () { iframe.contentDocument.onclick = function () { $('.bottom-box').remove

小知识：如何防止在iframe src上自动下载doc/docx/pdf文件，并禁用隐藏工具栏

weixin_45239102的博客

01-31

6397

需求是把pdf在iframe上展示，但是进入页面时会自动触发下载，解决办法：在src路径有拼接 '#toolbar=0'

JavaScript实现文件下载的14种技术方案详解

本文标题《JS文件下载14法[代码]》明确指出其核心内容为“使用JavaScript实现文件下载的14种不同方法”，而描述部分进一步展开说明了这些方法的具体类型、适用场景以及技术细节。结合标签“JavaScript, 文件下载, ...