关于embed标签显⽰pdf（angularjs为前端）
最近的业务是在页⾯上显⽰的图⽚必须⽀持pdf。
⾸先⽤iframe标签来⽀持pdf，但由于ifame标签放到html页⾯上样式不是很兼容，获取内嵌元素很⿇烦。
<iframe id="iframe1" name="mainIframe" src="10.193.10.150/FileUpload/ANDON/%E6%80%BB%E8%A3%85%E8%A3%85%E9%85%8D%E6%8C%就选⽤了html5⽀持的embed标签（万能标签）功能很强⼤，可以⽀持视频，⾳频。
angular和angularjs但放到项⽬中却不起作⽤，代码如下：
<embed ng-src="{{data.imgSrc}}" width="100%" height="100%" align="left"/>
angularjs 的地址在这上⾯解析不了
然后经过不懈的百度，终于发现需要⽤angularjs的⾃定义指令将embed-src处理，代码如下：
// 指令
.
directive('embedSrc', function () {
return {
restrict: 'A',
link: function (scope, element, attrs) {
var current = element;
scope.$watch(function () { bedSrc; }, function () {
var clone = element
.clone()
.attr('src', bedSrc);
current = clone;
});
}
}
})
最后确定的前端代码
<embed embed-src="{{data.imgSrc}}" width="100%" height="100%" align="left"/>
本来以为⼤功告成，但甲⽅⼜不要embed⾃带的下载等标签功能，需要去掉！⼜要调查
⼜费了九⽜⼆虎的查百度（真难），终于到在pdf地址后将embed的标签参数强制为0，即可解决：
，，，
总与⼤功完成

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。