angularjs 实现pdf预览,且隐藏工具栏

 

angularjs 对后端返回的pdf文件流实现预览,并控制是否有如“下载、打印”的工具栏。

var printPdfOnBlank = function (url, paramData, isNoTool) {
            if (!url) {
                return;
            }
            if (!paramData) { paramData = {}; }

            abp.ui.setBusy("#mianBody");

            $http.get(url,
                {
                    responseType: 'arraybuffer',
                    params: paramData,
                })
                .then(function (msg) {
                    abp.ui.clearBusy("#mianBody");
                    var file = new Blob([msg.data], { type: 'application/pdf' });
                    var fileURL = URL.createObjectURL(file);
                    window.open(fileURL + (isNoTool?"#toolbar=0":""), "文档预览");
                });
        }

圈重点,请求时要设置:

responseType: 'arraybuffer'

圈重点,控制隐藏工具栏使用:

#toolbar=0
posted @ 2021-01-20 15:47  勤勤恳恳的码农  阅读(884)  评论(0编辑  收藏  举报