精华内容
下载资源
问答
  • 前端页面实现在线预览文档Word、Excel、PPT、PDF
    千次阅读
    2021-09-02 11:34:58

    通过 ‘https://view.officeapps.live.com/op/view.aspx?src=’+ url 的方式打开

    1、打开新窗口预览文件

    <a target='_black'  href='https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/123.xlsx'>预览文件</a>
    

    2、当前页面预览文件

    <iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/123.xlsx' />
    

    注意事项:

    • 在您提供的 URL 中无法找到任何文档。 请确保您提供正确的 URL。
    • 文档而言太大。Word 和 PowerPoint 文档必须小于 10 兆字节;Excel 必须小于五个兆字节。
    • 文档的保存格式不是 Web 浏览器支持打开的格式。请尝试将您的文档保存为下列格式之一:
      • Word: docx dotx
      • Excel: xlsx、xlsb、xls、xlsm
      • PowerPoint: pptx、 ppsx、 ppt、 pps、 potx、 ppsm
    • 您需要登录或提供密码才能打开该文档。 将文档设为可公开查看。
    • 文档的文件名称包含无效字符。请尝试编码的文件的名称,当您键入文档的 URL 或重命名文件以仅使用字母和数字。
      例如,要编码的 URL,包括与号 (&),您需要键入%26 & 字符。有关 URL 编码的详细信息,也称为为百分比编码,请参阅维基百科的百分比编码。

    3、预览PDF文件
    上述方法适用于Word,Excel,PowerPoint,但是不适用于PDF文件的预览,想要预览PDF文件,可以通过以下方式进行预览(目前只了解到以下两种方案,后期有新的方案再进行补充):

    • a标签直接预览
    <a target='_black'  href='http://mczaiyun.top/ht/4.pdf'>预览PDF文件</a>
    
    • 通过pdf.js插件进行预览

    参考原文

    更多相关内容
  • 页面预览Word

    千次阅读 2020-12-19 20:23:30
    一、使用jacob预览Word分为两步走:引入pom文件:jacob.jar下载地址:链接:https://pan.baidu.com/s/1RRhXEjaL1h7UBxmEA66DQw提取码:6poh复制这段内容后打开百度网盘手机App,操作更方便哦...代码...

    一、使用jacob预览Word

    分为两步走:

    引入pom文件:

    jacob.jar下载地址:

    链接:https://pan.baidu.com/s/1RRhXEjaL1h7UBxmEA66DQw

    提取码:6poh

    复制这段内容后打开百度网盘手机App,操作更方便哦

    com.jacob

    jacob

    1.19

    system

    ${project.basedir}/lib/jacob.jar

    1、首先把word转换为pdf,代码如下:

    public booleanword2PDF(String inputFile, String pdfFile) {

    ActiveXComponent app= new ActiveXComponent("Word.Application");try{

    app.setProperty("Visible", false);

    Dispatch docs= app.getProperty("Documents").toDispatch();

    Dispatch doc= Dispatch.call(docs, "Open", new Object[]{inputFile, false, true}).toDispatch();

    Dispatch.call(doc,"ExportAsFixedFormat", new Object[]{pdfFile, 17});

    Dispatch.call(doc,"Close", new Object[]{false});

    app.invoke("Quit", 0);return true;

    }catch(Exception var6) {

    app.invoke("Quit", 0);return false;

    }

    }

    2、页面预览pdf

    @RequestMapping("/GetPdf.do")public voidGetPdf(HttpServletResponse response) {//从数据库中查出文件位置和文件名字

    String pdfpath = "D:\\upload\\test2\\王浩.pdf";

    String pdfname= "王浩";try{

    File file= newFile(pdfpath);if (!file.exists()) {

    response.getWriter().write("该文档生成pdf失败,请下载文档查看");return;

    }

    InputStream fis= newFileInputStream(pdfpath);byte[] buffer = new byte[1024];

    response.reset();

    response.addHeader("Content-Disposition", "inline;filename=" + java.net.URLEncoder.encode(pdfname, "UTF-8"));

    response.addHeader("Content-Length", "" +file.length());

    response.setContentType("application/pdf");

    OutputStream toClient= newBufferedOutputStream(response.getOutputStream());int nbytes = 0;while ((nbytes = fis.read(buffer)) != -1) {

    toClient.write(buffer,0, nbytes);

    toClient.flush();

    }

    toClient.flush();

    toClient.close();

    fis.close();

    }catch(Exception ex) {

    ex.printStackTrace();

    }

    }

    测试代码如下:

    PdfConvert p = newPdfConvert();

    String path_1="D:\\upload\\test2\\";

    String path= path_1+"采菊东篱下.docx";

    String path2= path_1+"采菊东篱下.pdf";

    p.word2PDF(path, path2);

    执行后生成文件对比如下:

    然后启动项目访问该pdf

    前端也可使用空间在控制范围代码如下:

    pdf在线预览
    展开全文
  • html页面在线预览word

    千次阅读 2020-12-19 20:23:28
    怎么实现前端HTML页面在线预览服务器传来的PDF和Word文件转换过程非常耗费资源,低配的CPU几乎能跑满,服务器卡死。转换时间也非常漫长,这个时间主要是卡在了转换PDF上面。转换完成服务器会遗留大量Excel。所以很多...

    怎么实现前端HTML页面在线预览服务器传来的PDF和Word文件

    转换过程非常耗费资源,低配的CPU几乎能跑满,服务器卡死。

    转换时间也非常漫长,这个时间主要是卡在了转换PDF上面。

    转换完成服务器会遗留大量Excel。

    所以很多程序员把精力浪费在了调试程序上面。

    设置非常麻烦,本身微软官方的说法Office软件是客户端程序,在与IIS交互的时候本身就未设计。

    缺点服务器上必须安装Office软件,Excel页面格式未设置,会出现一张表格打印出多页来,阅读体验大大下降、Word进程无法正常退出,有一些折中的解决办法.exe工具生成swf格式的Flash文件,网页中加载flexpaper免费开源工具(有广告)实现Flash文件的预览。

    优点有效的保护的源文件及文件的复制.config中设置 ,一个是在Office软件的设置中设置跟桌面交互。

    严重浪费磁盘空间,一个文件还需要一个PDF文件 利用Office2007以上版本的一个PDF插件SaveAsPDFandXPS,可以在网上搜索、一个SWF文件.exe可以导出PDF文件,然后再利用免费的swftools。

    有两点在调试的时候需要注意。

    导出PDF文件本身是个打印过程,版权有保证,不可复制也是缺点。

    源码是自己的。

    一个是在web,是否每次都转换 ...

    迅捷转换器怎么把pdf转换成word

    你的目的是想用word来浏览jsp文件内容吗?似乎没这种必要吧。

    如果真想这么做的话,你可以先通过记事本、editplus等文件编辑工具打开jsp文件,然后复制粘贴到word文档中。

    或者,你是想用word作为网页编辑器来打开它?word可以作为网页编辑器,在打开htm/html静态网页时没问题。

    但是对于jsp这种动态类型的网页,它应该是支持得不好,会存在打不开的情况,有的打开了也可能显示不完全。

    ...

    展开全文
  • 前端实现word预览功能

    千次阅读 2020-10-28 11:47:30
    前端实现word预览功能一. 文档地址要求二. 调用方法1. html方式2. script方式 一. 文档地址要求 文档地址以http/https开头,外网可访问 二. 调用方法 http://view.xdocin.com/xdoc?_xdoc=你的文档地址 文档地址要用...

    XDOC文档预览云服务:http://view.xdocin.com/

    一. 文档地址要求

    文档地址以http/https开头,外网可访问

    二. 调用方法

    http://view.xdocin.com/xdoc?_xdoc=你的文档地址
    文档地址要用utf-8编码,并且外网可访问

    可选参数

    参数说明默认值
    &_pdf=trueword文档是否以pdf方式显示默认false
    &_watermark=水印文本显示水印
    &_saveable=false是否允许保存PDF默认true
    &_printable=false是否允许打印PDF默认true
    &_copyable=false是否允许选择复制内容默认true
    &_toolbar=false是否显示底部工具条默认true
    &_title=自定义标题
    &_expire=30预览链接有效期,单位分钟默认永久有效
    &_limit=限制页数,如:“5”表示只显示前5页,“2,5”表示从第2页开始的5页,对pdf/doc/docx/ppt/pptx有效

    1. html方式

    <a href="http://view.xdocin.com/xdoc?_xdoc=http%3A%2F%2Fview.xdocin.com%2Fdoc%2Fpreview.docx">Word文档预览.docx</a>
    

    2. script方式

    1. 无参预览
      var xurl ="http://view.xdocin.com/xdoc?_xdoc=http%3A%2F%2Fview.xdocin.com%2Fdoc%2Fpreview.docx"
      //window.location.replace(xurl);
      window.location.href = xurl;
      
    2. 传参预览
      //你的文档地址
      var file = "http://view.xdocin.com/doc/preview.docx";
      //XDOC文档预览服务地址
      var xurl = "http://view.xdocin.com/xdoc?_xdoc=";
      //传入文档地址
      xurl += encodeURIComponent(file);
      //预览参数
      var ops = {
        // "_pdf": true, //word文档是否以pdf方式显示,默认false
        // "_watermark": "XDOC文档预览", //水印文本,显示水印
        // "_saveable": false, //是否允许保存PDF,默认true
        // "_printable": false, //是否允许打印PDF,默认true
        // "_copyable": false, //是否允许选择复制内容,默认true
        // "_toolbar": false, //是否显示底部工具条,默认true
        // "_title": "文档预览", //自定义标题
        // "_expire": 30, //预览链接有效期,单位分钟,默认永久有效
        // "_limit": "1,3", //限制页数,如:“5”表示只显示前5页,“2,5”表示从第2页开始的5页,对pdf/doc/docx/ppt/pptx有效
      };
      //传入预览参数
      for (var a in ops) {
        xurl += "&" + encodeURIComponent(a) + "=" + encodeURIComponent(ops[a]);
      }
      //开始预览
      //window.location.replace(xurl);
      window.location.href = xurl;
      
    展开全文
  • word前端预览方法总结

    2021-02-04 15:38:10
    转化 ,浏览器本身在不依赖插件时,不能直接预览word文件,但是可以预览别的格式的文档,所以可以将word文档转化成为html或者pdf。不过缺点却是需要利用别人的后台服务,这一点在自主性上会有许多问题。当然,也可以...
  • 1、前端实现pdf文件在线预览功能方式一、pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览方式二、通过jquery插件jquery....
  • 前端实现在线预览文档

    千次阅读 2020-12-19 20:23:23
    前端实现在线预览文档最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式的文档,网上查找了很多资源,各说纷纭,但是在一一尝试之后只有使用微软的预览接口才能成功,其他的会出现各种各样的问题,现在说下...
  • 预览doc预览docx预览pdf预览pdf×function toView(filePath){var url = [[@{/converter/preview}]]+'?filePath='+filePath;$(".modal-body").empty();$(".modal-body").load(url);$("#previewModal").modal();}...
  • java实现word预览打印

    2020-12-22 10:04:48
    framemaker动态生成模板word文件,实现转为PDF在页面预览打印
  • 预览word文档 npm i docx-preview 引入renderAsync方法 将blob数据流传入方法中,渲染word文档 <span @click="goPreview">点击预览word文件</span> <div class="docWrap"> <!-- 预览...
  • 公司的人力资源管理系统有个需求,预览PDF和Word合同,之前做过PDF预览【JQ和原生JS版html页面展示PDF文件】的功能,也用微软的网页版预览过,但是 微软的那个不支持 PDF 也是醉了。 经多方探查,找到一个即支持 PDF...
  • vue--纯前端预览pdf、word文件

    千次阅读 2022-03-31 14:58:38
    项目中需要对已上传得附件根据后台传回得url地址进行文件内容得预览读取并渲染。文件类型为pdf或word2种类型 1、word类型–.doc/.docx 安装插件: npm i docx-preview@0.1.4 npm i jszip 2、pdf类型 npm install ...
  • JavaScript判断”字典”...详解html实现在线预览word、excel、pdf等文件的功能(附代码)本文讲述了html是如何实现动态在线预览word、excel、pdf等文件的功能,该功能十分的方便,大家一起来看看吧,如有什么不足,还...
  • 使用方法地址:http://view.xdocin.com/ window.open("https://view.xdocin.com/xdoc?_xdoc=" + encodeURIComponent("https://view.xdocin.com/doc/preview.docx")); 无需要安装任何的插件
  • 前端-在线预览pdf、word、xls、ppt等文件

    万次阅读 多人点赞 2018-05-17 16:58:06
    1、前端实现pdf文件在线预览功能 方式一: 通过a标签href属性实现 pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 <...
  • 前端实现word、pdf文件在线预览功能
  • 前言因为业务需要,很多文件需要在前端实现预览,今天就来了解一下吧。Demo地址[1]:https://zhuye1993.github.io/file-view/dist/index.html实现方案找了网上的实现方案,效果看起来不错,放在下面的表格里,里面有...
  • 本源码主要是ASP.net后台通过相应的类把word\excel\pdf\txt文件转化为html,将地址传回前端,前端获取地址,用iframe进行展现预览
  • 用jquery插件实现pdf文件的在线预览,大概是怎么个思路其实也就是简单的在浏览器中实现一个打开pdf文件,并有类似预览功能的边框。其实在中国上经常见到类似的页面,在浏览器中打开pdf文档,可大部分都是由于版权的...
  • 自己项目中用到的技术,word转PDF然后实现在线预览的功能,代码可以运行 .
  • 前端实现在线预览ppt、word、xls、pdf、视频一、 预览ppt、word、xls二、 pdf三、 视频预览 一、 预览ppt、word、xls 转载地址:...
  • vue 预览word

    2022-04-06 15:51:27
    引入插件 npm i docx-preview html 引入jszipmin.js 引入docx-preview 引入接口 import { sendInfo } from '@/api/user' var ...进行渲染到页面预览 console.log(docx.renderAsync(res.data, this.$refs.file)) }) } }
  • 在开发移动端项目时浏览器里出来的效果往往到真机上和预想的有出入,在开发过程中知道了一个可以在本地自己启动一个服务器在手机预览的办法。1、首先在终端安装http。npm i http-server -g。(g全局安装) 安装成功...
  • 本文实例讲述了js打开word文档预览操作。分享给大家供大家参考,具体如下:Titlefunction openmydoc(path) {var doc = new ActiveXObject("Word.Application");doc.visible = true;doc.Documents.Open(path);}点击我...
  • php预览Word

    2021-03-26 13:42:20
    //基于windows系统下和linux系统下的在线预览word文档功能//----------------------------------------------------windows系统下start-------------------------------------------//控制器://获取文件路径$file =...
  • 前端如何实现将本地数据用js11对应写入word模板(${username}.......),并实现预览
  • 一文彻底搞懂前端实现文件预览word、excel、pdf、ppt、mp4、图片、文本) 因为业务需要,很多文件需要在前端实现预览,今天就来了解一下吧。
  • 在做一些后台管理或者h5页面的时候 通常会遇到Office文档格式的在线预览功能。虽然看似简单,里面却隐藏着很大的坑。简单是因为现在有各种插件可以下载实现,坑是因为涉及到一些兼容性和安全性等各种千奇百怪的问题...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,914
精华内容 1,165
关键字:

前端页面预览word