js word 预览_VUE在线预览swf文件

一.使用FlexPaper实现pdf、word等转化为swf的文件在线预览

1. 在flexpaper官网下载flexpaper插件，引入到项目中

2.代码

_this.$refs.playDiv.innerHTML = '<span style="width:95%;height:85%;position:absolute">' + '<div style="position:absolute;left:10px;top:10px;width:100%;height:100%;">' + '<a id="viewerPlaceHolder" style="width:100%;height:95%;display:block"href="javascript:void(0)"></a>'+'</span>'；

var fp = new FlexPaperViewer(static/swf/FlexPaperViewer',
'viewerPlaceHolder', {
config: {
SwfFile: escape(swf地址),//播放地址（修改flexpaper_flash.js中MMredirectURL）
Scale: 0.6,
ZoomTransition: 'easeOut',
ZoomTime: 0.5,
ZoomInterval: 0.2,
FitPageOnLoad: true,
FitWidthOnLoad: false,
FullScreenAsMaxWindow: false,
ProgressiveLoading: false,
MinZoomSize: 0.2,
MaxZoomSize: 5,
SearchMatchAll: false,
InitViewMode: 'Portrait',
PrintPaperAsBitmap: false,
ViewModeToolsVisible: true,
ZoomToolsVisible: true,
NavToolsVisible: true,
CursorToolsVisible: true,
SearchToolsVisible: true,
localeChain: 'en_US'
}
});

注：如果不能显示SWF文件，把flexpaper插件的FlexPaperViewer.swf文件放置在文件服务器可以访问的地方，然后在页面上引用外部服务器的这个文件