jquery中如何实现在线预览pdf以及docx格式

JQuery本身并不支持在线预览PDF和DOCX格式的文件，需要借助第三方插件或服务进行实现。

对于PDF文件预览，可以使用PDF.js插件，它是由Mozilla开发的一款开源的JavaScript库，可以在网页上直接预览PDF文件。

具体实现方法如下：

1. 引入PDF.js库文件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.min.js"></script>

2. 在页面中添加一个canvas元素：

<canvas id="pdfCanvas"></canvas>

3. 编写JavaScript代码加载PDF文件并渲染到canvas中：

var pdfUrl = "http://example.com/path/to/pdf/file.pdf";

PDFJS.getDocument(pdfUrl).then(function(pdf) {
  pdf.getPage(1).then(function(page) {
    var canvas = document.getElementById("pdfCanvas");
    var context = canvas.getContext("2d");

    var viewport = page.getViewport(canvas.width/canvas.height);
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    page.render({
      canvasContext: context,
      viewport: viewport
    });
  });
});

对于DOCX文件预览，则可以使用Microsoft Office Online服务，它可以通过Office Online的API来实现在线预览DOCX文件。

具体实现方法如下：

1. 注册一个Microsoft Account并在Office Online上创建一个应用程序，获得Client ID和Client Secret。

2. 在页面中引入Office Online的JavaScript SDK：

<script src="https://appsforoffice.microsoft.com/lib/1/hosted/Office.js"></script>

3. 在页面中添加一个div元素作为容器：

<div id="wordContainer"></div>

4. 编写JavaScript代码加载DOCX文件并渲染到div中：

var fileId = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"; // DOCX文件ID
var accessToken = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; // 访问令牌

Office.initialize = function(reason) {
  Word.run(function(context) {
    var myFile = context.application.createDocument(fileId);
    var contentControl = myFile.contentControls.getByTitle("MyContentControl").getFirst();

    contentControl.insertOoxml("<div id='myWord'></div>", "End");

    myFile.refreshAsync(function() {
      var wordContainer = document.getElementById("wordContainer");
      var myWord = document.getElementById("myWord");
      wordContainer.innerHTML = myWord.innerHTML;
    });
  });
}

Office.context.auth.getAccessTokenAsync(function(result) {
  if (result.status === "succeeded") {
    accessToken = result.value;
    Office.initialize();
  }
});

需要注意的是，使用Microsoft Office Online服务预览DOCX文件需要进行身份验证，可以使用OAuth2.0协议来获取访问令牌。