当前位置：文江博客话题详情

如何实现在手机端预览pdf,word文件

发布于 2022-09-13 01:00:04 字数 37 浏览 14 评论 0

如何实现在手机端预览pdf,word文件，项目是用vue写的

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（3）

ゃ懵逼小萝莉 2022-09-20 01:00:04

试试

<iframe src="unix test.pdf" width=900 height=900>

This browser does not support PDFs. Please download the PDF to view it: <a href="unix test.pdf">Download PDF</a>

</iframe>

椵侞 2022-09-20 01:00:04

pdf可以直接href打开
word文档用微软的url直接调用，https://view.officeapps.live....文档地址

迷雾森÷林ヴ 2022-09-20 01:00:04

如果是前端可以用embed：https://www.runoob.com/tags/t...
将生成的pdf对象流绑定到embed标签上即可 https://gcdn.grapecity.com.cn...

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Proposal Generation</title>
    
    <script type="text/javascript" src="arjs/v2.1.2_beta/ar-js-core.js"></script>
    <script type="text/javascript" src="arjs/v2.1.2_beta/ar-js-viewer.js"></script>
    <script type="text/javascript" src="arjs/v2.1.2_beta/ar-js-pdf.js"></script>
    <script type="text/javascript" src="arjs/v2.1.2_beta/ar-js-html.js"></script>
    <script type="text/javascript" src="datasource.js"></script>
    <script type="text/javascript">
      const ARJS = GC.ActiveReports.Core;
      const licenseKey =
        '191398738376964#B0ulybaVWSjlWYtNzQyUmU59WaJVma8RUb9dmSDZXNjtUM7tkZURkeut6Z8Z5RXVGNKRTStN4cxkHTzkTY5FESrYVaSdzZ4NXOvw6MUh5c4YHdEVHNwYnN5l5Mz3mUlpUcrEWTygHaj54LhJnSmdEdkxmc9lFZMtUbOJ4Q0tkaqZzKX3UcUNleI9UVVNVbW36SUdEUzNDWwRzdThjZ4l7U8NjYqJ7QDFEbThTcUhzSRVjWrF7MJFGTyITeNd7SzQ4UxEEMktCdktCSv2mM8syUPFGcwQDcTpXVY3COzQzRChWMFVTert6awhHbKhmI0IyUiwiIBZkNzQzM9MjI0ICSiwCN8IDOzYjM4EjM0IicfJye35XX3JSSWFURiojIDJCLiIjVgMlS4J7bwVmUlZXa4NWQiojIOJyebpjIkJHUiwiIwITNwgDMgkTMxATMyAjMiojI4J7QiwiI8+Y9sWY9QmZ0Jyp9Aqo9Re09i+K0oKZ9wap9biY9mKY0L+Y9iojIh94QiwiI4YTO6czM8MzN8kzMxkTMiojIklkIs4XZzxWYmpjIyNHZisnOiwmbBJye0ICRiwiI34zdJh4KHVlMURXSpNDO7dHdk5kTMhkRVpHVwUWSwImWWZFOLRzdxQ7UCV4Vx44T6NFO9ckW5RWewUkZxFWYphlc0hkWNdEc9J5bIVmM54GSZF4dnp6Y7pUZ4gUQXBXQPlmTmVXZ6gHNuhgQ';
      ARJS.setLicenseKey(licenseKey);
      ARJS.PageReport.LicenseKey = licenseKey;
      const fonts = [
        {
          name: '微软雅黑',
          locals: ['Microsoft YaHei', 'SimSun Regular'],
          source: 'fonts/Chinese.ttf',
        },
        {
          name: 'Sinhala',
          locals: ['Microsoft YaHei', 'SimSun Regular'],
          source: 'fonts/Chinese.ttf',
        },
        {
          name: 'Arial',
          weight: 'bold',
          style: 'italic',
          source: 'fonts/arialbi.ttf',
        },
        {
          name: 'Arial',
          style: 'italic',
          source: 'fonts/ariali.ttf',
        },
        {
          name: 'Arial',
          weight: 'bold',
          source: 'fonts/arialbd.ttf',
        },
        {
          name: 'Arial',
          source: 'fonts/arial.ttf',
        },
      ];
      ARJS.FontStore.registerFonts(fonts);
    </script>
    <script>
      const settings = {
        info: {
          title: 'Invoice List',
          subject: 'This is the Invoice List',
          author: 'John K',
          keywords: 'PDF; import; export',
        },
        fonts: fonts,
      };
      const lang = 'HK';
      function blob2base64(blob) {
        return new Promise((resolve, reject) => {
          var reader = new FileReader();
          reader.onloadend = () => {
            resolve(reader.result);
          };
          reader.onerror = () => {
            reject(reader.err);
          };
          reader.readAsDataURL(blob);
        });
      }

      async function generateProposal(mainReport, dsparam) {
        window.dsparam = dsparam;
        const start = new Date();
        console.log(`start generate proposal inner puppeteer HTML ${start}`);
        const PDF = GC.ActiveReports.PdfExport;
        const pageReport = new ARJS.PageReport();
        try {
          await pageReport.load(mainReport);
          if ('LicenseError' === pageReport.name) {
            throw new Error('License Error');
          }
          const pageDocument = await pageReport.run();
      
          // const result = await PDF.exportDocument(pageDocument, settings, pageNum => {
          //   console.log(`${new Date() - start}: exporting PDF version at page ${pageNum}`);
          // });
          // console.log(`${new Date() -  start}: pdf document exported completed, cost ${Date.now() - start}ms`);
          // document.getElementById("pdf").src = URL.createObjectURL(result.data);
        } catch (e) {
          console.error(`error occured while generate the proposal, ${e}`);
        }
      }
    </script>
  </head>
  <body>
    <button onclick="generateProposal('templates/main.rdlx-json', datasource)">REFRESH</button>
  
  </body>
  <script>
    generateProposal('templates/main.rdlx-json', datasource)
  </script>
</html>

~没有更多了~

关于作者

以歌曲疗慰

暂无简介

0 文章

0 评论

23 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

自此以后，行同陌路

文章 0 评论 0

新人笑

文章 0 评论 0

mb_vYjKhcd3

文章 0 评论 0

小高

文章 0 评论 0

来日方长

文章 0 评论 0

哄哄

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文