文件在线预览

野性酷女 2022-01-26 14:47 691阅读 0赞

浏览器并不能支持word、excel文件的在线预览，所以都是将word、excel转换为浏览器能直接看的文件格式（html、pdf、txt、png、svg、flash），因此在线预览的原理就是后台将文件转化为浏览器能直接观看的文件格式，然后再返回给前端。

以下是两个云服务：

1.office提供云服务

请求：***http://view.officeapps.live.com/op/view.aspx?src=文件地址(地址必须是外网地址)***

请求示例：***http://view.officeapps.live.com/op/view.aspx?src=http://mczaiyun.top/ht/3.docx***

注意：

a> pdf的不能使用这种方式打开，因为pdf不是office文件，可以用pdf.js来操作pdf在线预览。

b> 若您看到错误“很抱歉，由于某种原因我们无法打开该文件”，它意味着无法找到文档或无法显示文档。 可能的原因包括：

*  在您提供的 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 编码的详细信息，也称为为百分比编码，请参阅[维基百科的百分比编码][Link 1]。

2.xdoc提供云服务

使用文档：[http://www.xdocin.com/web.html\#func][http_www.xdocin.com_web.html_func]

第一步：在html页面中引入js文件

第二步：调用方法：

示例：XDoc.run("***http://mczaiyun.top/ht/3.docx***", "pdf", null, "\_blank");

/**
     * 账号口令
     */
    XDoc.key = "";
    /**
     * 运行XDOC
     * @param xdoc xdoc模板，可以是xdoc、json、html或指向这些格式的url
     * @param tarFormat 目标格式，可以是：flash、pdf、docx、html、png等
     * @param param 其它参数，用对象方式传递多个参数。如果为数组，将自动转换为_xdata处理。
     * @param target 目标类型，可以是：_blank、_self等
     */
    XDoc.run = function(xdoc, tarFormat, param, target) {...};
    /**
     * 转换XDOC
     * @param xdoc xdoc模板，可以是xdoc、json、html或指向这些格式的url
     * @param tarFormat 目标格式，可以是：flash、pdf、docx、html、png等
     * @param param 其它参数，用对象方式传递多个参数
     * @param target 目标类型，可以是：_blank、_self等
     */
    XDoc.to = function(xdoc, tarFormat, param, target) {...};
    /**
     * Ajax方法调用
     * @param func
     * @param params
     * @param callback(success, http, xtra) http.responseText
     */
    XDoc.invoke = function(func, params, callback) {...};

（xdoc有个不好的地方就是最后会有一个xdoc的微信二维码，下载的文件也会有）

注意：因为是上传到别人的服务器，所以可能会造成文件的泄露。

参考：[https://blog.csdn.net/github\_35631540/article/details/86506355][https_blog.csdn.net_github_35631540_article_details_86506355]

[Link 1]: https://en.wikipedia.org/wiki/url_encoding
[http_www.xdocin.com_web.html_func]: http://www.xdocin.com/web.html#func
[https_blog.csdn.net_github_35631540_article_details_86506355]: https://blog.csdn.net/github_35631540/article/details/86506355