关于前端:记录iframe属性src与srcdom动态切换

依据数据动静展现 pdf 或者 html 文件, 前台进行展现, 综合思考 iframe 能够两者同时实现,pdf 展现通过后盾返回带

data:application/pdf;base64,

格局的 base64 文件放逐在 src 属性前面能够进行失常展现, 如果是要展现 html 的话, 能够让后端解决成带 html 标签的数据进行返回, 放在 srcdom 属性中能够郑州展现.

上面是代码展现:
<iframe id="myNodeFrame" :src="linkAddress" :srcdoc="linkAddressDoc" ref="iframe" frameborder="0" width="100%" style="margin-top:10px;height:calc(100% - 15px);"></iframe>

通过办法动静展现:
tip: 这里能够依据本人需要来进行判断, 在什么时候须要什么样子的货色展现, 如果不须要必须应用 removeAttr 办法移除此属性, 设置空值不起作用我曾经测试过了.

if(data.fileType == 3) { //html
    this.linkAddressDoc = res.data;
    $('#myNodeFrame').removeAttr('src');
} else if(data.fileType == 2) { //pdf
    this.linkAddress = res.data;
    $('#myNodeFrame').removeAttr('srcdoc');
}

欢送评论独特学习, 独特成长.

需要实现 :