福州网站设计大概多少钱,网站中文域名续费是什么情况,3d溜溜网室内设计图库,洛阳宣传片制作公司1、Office Web(微软的开发接口)
优点
没有 Office也可以直接查看Office 文件适用于移动端、PC无需下载文件就可以在浏览器中查看 iframe src文档地址 frameborder0 / const docUrl 外网可预览的地址
const url encodeURIComponent(docUrl…1、Office Web(微软的开发接口)
优点
没有 Office也可以直接查看Office 文件适用于移动端、PC无需下载文件就可以在浏览器中查看 iframe src文档地址 frameborder0 / const docUrl 外网可预览的地址
const url encodeURIComponent(docUrl)
const officeUrl http://view.officeapps.live.com/op/view.aspx?src url
// 在新窗口打开编码后 的链接
window.open(officeUrl, _target)const documentUrl // 将此替换为你的Word文档的URL
const officeOnlineViewerUrl https://view.officeapps.live.com/op/view.aspx?src
// 第一种
// this.previewUrl officeOnlineViewerUrl encodeURIComponent(documentUrl)// 第二种
// this.previewUrl ${officeOnlineViewerUrl}${documentUrl}embeddedtrue // 没有下载按钮的--https://view.officeapps.live.com/op/embed.aspx?src // 有下载按钮的--https://view.officeapps.live.com/op/view.aspx?src 2、XDOC文档预览云服务(预览pdf、word、xls、ppt) XDOC文档预览云服务 注意文档地址要用utf-8编码并且外网可访问。
优点
只需要传入文档URL基于内容自动识别文档格式高效、快速、实时预览重复请求0毫秒响应使用HTML5方式展现内容同时适配PC端和移动端支持PDF,OFD,DOC/X,XLS/X,PPT/X,JPG,MP4等多种文档格式
调用方法
https://view.xdocin.com/view?src文档地址https://eg
const url https://view.xdocin.com/view?src文档地址【httpshttp://】可预览的地址
JS调用https://view.xdocin.com/view?srchttps%3A%2F%2Fview.xdocin.com%2Fdemo%2Fview.docx 可选参数 pdftrueword文档尝试以pdf方式显示默认falsewatermark水印文本显示文本水印“img:”图片url表示图片水印如img:https://view.xdocin.com/demo/wm.pngsaveabletrue是否允许保存源文件默认falseprintablefalse是否允许打印默认true©ablefalse是否允许选择复制内容默认truetoolbarfalse是否显示底部工具条默认truetitle自定义标题expire30预览链接有效期单位分钟默认永久有效limit限制页数如“5”表示只显示前5页“2,5”表示从第2页开始的5页对pdf/doc/docx/ppt/pptx有效filename文件名辅助识别文档格式fontsize字体大小(单位px)默认14范围:6~58mtime文件修改时间戳如1633093801精确到秒或修改时间如2021-10-01 21:10:01值改变刷新缓存 templateiframe:srcxsrcframeborder0scrollingautostylewidth:100%;height:100%;/iframe
/templatescript
export default {name: XdocView,data () {return {xsrc: }},props: {src: String,watermark: String},watch: {src: {handler (val) {this.genXsrc()},immediate: true},watermark: {handler (val) {this.genXsrc()},immediate: true}},methods: {genXsrc () {if (this.src) {// 你的文档地址const file this.src// XDOC文档预览服务地址let xurl https://view.xdocin.com/view?src// 传入文档地址xurl encodeURIComponent(file)// 预览参数const ops {watermark: this.watermark,// pdf: true, // word文档尝试以pdf方式显示默认false// img: true, // 尝试以图片方式显示默认false// saveable: true, //是否允许保存源文件默认falseprintable: false // 是否允许打印默认true// copyable: false, //是否允许选择复制内容默认true// toolbar: false // 是否显示底部工具条默认true// expire: 30, //预览链接有效期单位分钟默认永久有效// limit: 1,3, //限制页数如“5”表示只显示前5页“2,5”表示从第2页开始的5页对pdf/doc/docx/ppt/pptx有效// mtime: 1633093801, //文件修改时间戳精确到秒或修改时间如2021-10-01 21:10:01值改变刷新缓存实时预览}// 传入预览参数for (const a in ops) {if (ops[a] ! undefined) {xurl a encodeURIComponent(ops[a])}}// 开始预览this.xsrc xurl}}}
}
/scriptstyle/style
