精华内容
下载资源
问答
  • word预览

    2018-09-26 16:33:00
    word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软的在线预览功能实现 (预览前提:资源必须是公共可访问的) 通过iframe直接引用微软提供的方法 <iframe src='...

    word+excle表格在线浏览 

    word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软的在线预览功能实现 (预览前提:资源必须是公共可访问的)

    通过iframe直接引用微软提供的方法 

     

    <iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'>
    </iframe>
    /*具体文档看这微软接口文档*/
    /*补充:google的文档在线预览实现同微软(资源必须是公共可访问的)*/
    <iframe :src="'https://docs.google.com/viewer?url="fileurl"></iframe>

     

    在 https://view.officeapps.live.com/op/view.aspx?src= 后边添加需要预览的内容

     

    XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览,具体实现方法请看官方文档下面这种方式可以实现快速预览word但是对文件使用的编辑器可能会有一些限制

     

     

     

     

     

    <a href="http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=http://www.xdocin.com/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a>
    

     

    转载于:https://www.cnblogs.com/xuqp/p/9707773.html

    展开全文
  • java实现word转换成html实现word预览
  • 一、word预览–mammoth.js 安装:npm install --save mammoth tip:只能预览.docx文件 word.vue: <template> <div> <div id="wordView" v-html="vHtml" /> </div> </template&...

    一、word预览–mammoth.js

    安装:npm install --save mammoth

    tip:只能预览.docx文件

    word.vue:

     <template>
      <div>
        <div id="wordView" v-html="vHtml" />
      </div>
    </template>
    
    <script>
    import mammoth from "mammoth";
    export default {
      name: "word",
      data() {
        return {
          vHtml: "",
          wordURL:''//文件地址
        };
      },
      created() {
        let vm=this;
        vm.wordURL = this.$route.query.wordURL;
    
        const xhr = new XMLHttpRequest();
        xhr.open("get", this.wordURL, true);
        xhr.responseType = "arraybuffer";
        xhr.onload = function () {
          if (xhr.status == 200) {
            mammoth
              .convertToHtml({ arrayBuffer: new Uint8Array(xhr.response) })
              .then(function (resultObject) {
                vm.$nextTick(() => {
                  // document.querySelector("#wordView").innerHTML =
                  //   resultObject.value;
                  vm.vHtml=resultObject.value;
                });
              });
          }
        };
        xhr.send();
      },
      methods: {
      },
    };
    </script>

     跳转带的参数:

    if (row.fileType == 3) {
             //word
             let routeData = this.$router.resolve({
               path: "/word",
               query: {
                 wordURL: response.data,
               },
             });
             window.open(routeData.href, "_blank"); 
           } else if (row.fileType == 5) {
             //pdf
             window.open(response.data);
           } else if (row.fileType == 4) {
             //excel
             let routeData = this.$router.resolve({
               path: "/excel",
               query: {
                 excelURL: response.data,
               },
             });
             window.open(routeData.href, "_blank");
           }
    

    二、excel预览–sheetjs

    安装:npm install --save xlsx

    excel.vue:

    <template>
      <div id="table">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column
            v-for="(value,key,index) in tableData[2]"
            :key="index"
            :prop="key"
            :label="key"
          ></el-table-column>
        </el-table>
      </div>
    </template>
    
    <script>
    import XLSX from "xlsx";
    export default {
      data() {
        return {
          tableData: [],
          workbook: {},
          excelURL: "",
        };
      },
      mounted() {
        this.excelURL = this.$route.query.excelURL;
        this.readWorkbookFromRemoteFile(this.excelURL);
      },
      methods: {
        readWorkbookFromRemoteFile: function (url) {
          var xhr = new XMLHttpRequest();
          xhr.open("get", url, true);
          xhr.responseType = "arraybuffer";
          let _this = this;
          xhr.onload = function (e) {
            if (xhr.status === 200) {
              var data = new Uint8Array(xhr.response);
              var workbook = XLSX.read(data, { type: "array" });
              console.log(workbook);
    
              var sheetNames = workbook.SheetNames; // 工作表名称集合
              _this.workbook = workbook;
              _this.getTable(sheetNames[0]);
            }
          };
          xhr.send();
        },
        getTable(sheetName) {
          console.log(sheetName);
          var worksheet = this.workbook.Sheets[sheetName];
          this.tableData = XLSX.utils.sheet_to_json(worksheet);
          console.log(this.tableData);
        },
      },
    };
    </script>
    
    <style lang="stylus" scoped>
    #table {
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #2c3e50;
      margin-top: 60px;
      border: 1px solid #ebebeb;
      padding: 20px;
      width: 80%;
      margin: 20px auto;
      border-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
      border-radius: 10px;
      overflow: scroll;
      height: 100%;
    
      .tab {
        margin: 0 0 20px 0;
        display: flex;
        flex-direction: row;
      }
    }
    </style>
    
    <style scoped>
    .is-active {
      background-color: #409eff;
    }
    span {
      background-color: red;
    }
    </style>
    

    三、pdf预览——vue-pdf

    安装:npm install --save vue-pdf

    <template>
        <div>
              <pdf ref="pdf" :src="pdfUrl" style="width: 100%;" />
        </div>
    </template>
    <script>
    import pdf from 'vue-pdf'
    export default {
        data(){
            return: {
                pdfUrl: '',
            }
        }
        created() {
           const path = 'test.pdf'// 你获取到的pdf路径
           // pdf.createLoadingTask解决文件件跨域问题
           this.pdfUrl = pdf.createLoadingTask(path)
      },
    }
    </script>
    

     

    展开全文
  • word预览,word根据模板书签插入值
  • word预览 1,http://view.officeapps.live.com/op/view.aspx?src=‘公网地址’ 2.word转pdf <el-dialog title="预览文件" :visible="viewFileDialogVisible" fullscreen :before-close="handleClose" > ...

    pdf预览 iframe src赋值
    word预览
    1,http://view.officeapps.live.com/op/view.aspx?src=‘公网地址’

    2.word转pdf

    1:

    <el-dialog
          title="预览文件"
          :visible="viewFileDialogVisible"
          fullscreen
          :before-close="handleClose"
        >
          <div>
            <iframe ref="fileViewIframe" style="width: 100%; height:800px; border: 5px solid #80808021;" src="">
            </iframe>
          </div>
          <span slot="footer" class="dialog-footer">
        <el-button @click="viewFileDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="viewFileDialogVisible = false">确 定</el-button>
      </span>
        </el-dialog>
    
    		console.log(row.xx.indexOf('.pdf'))
            if (row.xx.indexOf('.pdf') != -1){
              this.$refs.fileViewIframe.src = this.GLOBAL.host+ ''+ encodeURI(row.xx)
            }else if (row.xx.indexOf('.doc') || row.zbwjurl.indexOf('.docx')){
              this.$refs.fileViewIframe.src = 'https://view.officeapps.live.com/op/view.aspx?src=' + this.GLOBAL.host+ encodeURI(row.xx)
    
            }
    
    展开全文
  • c#word预览

    2014-08-25 10:48:33
    之前我在网站找了很多word预览都没找到,后

    之前我在网站找了很多word预览都没找到,后来只能换一个思路了 我的思路是将word转图片  用图片再项目中显示出来  下面贴下代码

    以下我方法的封装 

       /// <summary>
            /// 将Word文档转换为图片的方法(该方法基于第三方DLL),你可以像这样调用该方法:
            /// ConvertPDF2Image("F:\\PdfFile.doc", "F:\\", "ImageFile", 1, 20, ImageFormat.Png, 256);
            /// </summary>
            /// <param name="pdfInputPath">Word文件路径</param>
            /// <param name="imageOutputPath">图片输出路径,如果为空,默认值为Word所在路径</param>
            /// <param name="imageName">图片的名字,不需要带扩展名,如果为空,默认值为Word的名称</param>
            /// <param name="startPageNum">从PDF文档的第几页开始转换,如果为0,默认值为1</param>
            /// <param name="endPageNum">从PDF文档的第几页开始停止转换,如果为0,默认值为Word总页数</param>
            /// <param name="imageFormat">设置所需图片格式,如果为null,默认格式为PNG</param>
            /// <param name="resolution">设置图片的像素,数字越大越清晰,如果为0,默认值为128,建议最大值不要超过1024</param>
            public static void ConvertWordToImage(string wordInputPath, string imageOutputPath, string imageName, int startPageNum, int endPageNum, ImageFormat imageFormat, float resolution)
            {
                try
                {
                    // open word file
                    Aspose.Words.Document doc = new Aspose.Words.Document(wordInputPath);
    
                    // validate parameter
                    if (doc == null) { throw new Exception("Word文件无效或者Word文件被加密!"); }
                    if (imageOutputPath.Trim().Length == 0) { imageOutputPath = Path.GetDirectoryName(wordInputPath); }
                    if (!Directory.Exists(imageOutputPath)) { Directory.CreateDirectory(imageOutputPath); }
                    if (imageName.Trim().Length == 0) { imageName = Path.GetFileNameWithoutExtension(wordInputPath); }
                    if (startPageNum <= 0) { startPageNum = 1; }
                    if (endPageNum > doc.PageCount || endPageNum <= 0) { endPageNum = doc.PageCount; }
                    if (startPageNum > endPageNum) { int tempPageNum = startPageNum; startPageNum = endPageNum; endPageNum = startPageNum; }
                    if (imageFormat == null) { imageFormat = ImageFormat.Png; }
                    if (resolution <= 0) { resolution = 128; }
    
                    ImageSaveOptions imageSaveOptions = new ImageSaveOptions(GetSaveFormat(imageFormat));
                    imageSaveOptions.Resolution = resolution;
    
                    // start to convert each page
                    for (int i = startPageNum; i <= endPageNum; i++)
                    {
                        imageSaveOptions.PageIndex = i - 1;
                        doc.Save(Path.Combine(imageOutputPath, imageName) + "_" + i.ToString() + "." + imageFormat.ToString(), imageSaveOptions);
                    }
                    doc.Clone();
                    doc = null;
                }
                catch (Exception ex)
                {
    
                    throw ex;
                }
    
            }
            private static SaveFormat GetSaveFormat(ImageFormat imageFormat)
            {
                SaveFormat sf = SaveFormat.Unknown;
                if (imageFormat.Equals(ImageFormat.Png))
                    sf = SaveFormat.Png;
                else if (imageFormat.Equals(ImageFormat.Jpeg))
                    sf = SaveFormat.Jpeg;
                else if (imageFormat.Equals(ImageFormat.Tiff))
                    sf = SaveFormat.Tiff;
                else if (imageFormat.Equals(ImageFormat.Bmp))
                    sf = SaveFormat.Bmp;
                else
                    sf = SaveFormat.Unknown;
                return sf;
            }

    需要引用using Aspose.Words;  地址:http://download.csdn.net/detail/u012394290/7814109

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

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

    2020-12-22 10:04:48
    framemaker动态生成模板word文件,实现转为PDF在页面预览打印
  • 在线word预览方案

    千次阅读 2019-09-10 17:56:31
    1、后台word转pdf 2、pageOffice 3、利用word可以直接转html 4、mammoth.js(存在一些瑕疵) https://jstool.gitlab.io/zh-cn/demo/preview-ms-word-docx-document-in-browser 5、微软在线服务 ...
  • 怎样实现olecontainer控制Word预览时可以翻页?  怎样实现olecontainer控制Word预览时可以翻页? 实现word预览:  oleContainer1.Loadfromfile(FFileName); 实现word编辑:   try  oleContainer1....
  • PDF_word预览.rar

    2014-10-21 14:22:25
    java开发的pdf,word,excel,ppt文档的在线预览。 上传文件即可在线预览。 使用openOffice,swftools开发。 web项目, 可直接运行。
  • 1. 引入aspose.word插件 2. 准备好word文档,或者利用aspose.word生成word文档 3. 调用Aspose.Words.Document类下的Save方法生成html或者图片 ... 可以生成图片,实现预览,效果挺好。 ... /// word文档预览 ...
  • 利用VC实现Word预览功能

    千次阅读 2017-12-24 17:16:33
    通过VC实现word文档预览功能,即仅让浏览,不让复制、编辑和保存。 总体思路是:先调用office的ole接口,将word文档转换为pdf;再利用swtools将pdf转换为swf;最后利用VC自带的activeX控件shockwaveflash object...
  • 1.在后台把word文件转化成pdf,在前台用iframe显示pdf,打印iframe,即可。 优点:用户体验好。 缺点:不支持IE。 实现 : 引用netoffice组件 主要代码: Word.Application wordApplication = new Word....
  • ios不可以直接打开外部文档链接 或者下载 所以该插件原理是将word文档转为html从而达到预览的效果 看到了别的妹妹发的文 跟着做了下 果然解决了问题 <!-- *@Description: *@Author:zhaiyzh *@Date:2021-...
  • 通过jsp实现word预览与打印

    千次阅读 2017-04-10 10:19:27
    前两天做通过数据库查询数据,再将数据导入已经存在的word模板。今天终于有点结果。 在使用java向word中插入时,最主要的就是格式的控制。具体的方式就是poi和jacob,也许还有别的,但是我目前还没有发现。在测试...
  • C#如何实现word预览

    2014-10-15 18:10:03
    1.电脑磁盘上有一份word文档,里面是以表格方式显示的数据 ...2.使用PrintPreview()方法能弹出word预览窗口,唯一的缺憾是会弹出本地存放的word文档(这个缺憾能解决吗) 3.还有其他方式预览本地的word文档吗?
  • 最近需要做一个word和pdf预览的功能,因为基础的技术栈是 react,于是就选用了 react-file-viewer 这个插件. 其实这个插件,还支持更多文件格式 Images: png, jpeg, gif, bmp, including 360-degree images pdf csv...
  • 通过poi实现word预览需求(wordToHtml)

    千次阅读 2017-11-22 11:34:01
    * docx格式word转换为html * * @param fileName * docx文件路径 * @param outPutFile * html输出文件路径 * @throws TransformerException * @throws IOException * @throws ...
  • 如题所示怎么解决?还要可以实现连续打印好几个文档

空空如也

空空如也

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

word预览