为了账号安全,请及时绑定邮箱和手机立即绑定

请教一下javascript h5 app(react.js)中如何下载附件(url链接形式)呢?

/ 猿问

请教一下javascript h5 app(react.js)中如何下载附件(url链接形式)呢?

沧海一幻觉 2019-11-13 14:11:22

javascript h5 app(react.js)中如何下载附件(url链接形式)并在新窗口中打开附件? 


查看完整描述

3 回答

?
收到一只叮咚

我们只要用content创建一个ObjectURL并赋值给aLink即可解决文件类型的限制问题。
文件的自动下载也挺好办,自己构建一个UI点击事件,再自动触发下,就能实现自动下载啦。

现在来看看最终代码:

代码如下:

function downloadFile(fileName, content){
var aLink = document.createElement('a');
var blob = new Blob([content]);
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click", false, false);//initEvent 不加后两个参数在FF下会报错, 感谢 Barret Lee 的反馈
aLink.download = fileName;
aLink.href = URL.createObjectURL(blob);
aLink.dispatchEvent(evt);
}

现在,只要一调用downloadFile,文件就自动下载了

查看完整回答
反对 回复 2019-11-17
?
拉丁的传说

<a target="_blank" href="#"></a>

_blank是最常见的链接方式,表示超链接的目标地址在新建窗口中打开;
_self表示“相同窗口”。点击链接后,地址栏不变;
_top表示整页窗口;
_parent表示父窗口。

查看完整回答
反对 回复 2019-11-17
?
LEATH

链接的 HTML 代码很简单。它类似这样:<a href=url>Link text</a>href 属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。实例<a href=url/>Visit W3School</a>上面这行代码显示为:Visit W3School点击这个超链接会把用户带到 W3School 的首页。提示:链接文本 不必一定是文本。图片或其他 HTML 元素都可以成为链接。HTML 链接 - target 属性使用 Target 属性,你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档:<a href=http://url/ target=_blank>Visit W3School!</a>


查看完整回答
反对 回复 2019-11-17

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信