假设您将本项目clone到了D:\Works\file-viewer下,接下来请按照下面的步骤进行安装。 首先,打开命令行工具,cd [你的项目位置],然后执行npm link D:\Works\file-viewer。最后,在您的项目中引用即可。 import{createApp}from'vue'importAppfrom'./App.vue'importFileViewerfrom'file-viewer3'createApp(App).use(...
vue-file-preview vue3-file-preview file-preview vue-preview vue3-preview vue3-viewer vue3-file-viewer vue vue3 smallteddy •1.0.38•3 months ago•1dependents•MITpublished version1.0.38,3 months ago1dependentslicensed under $MIT
背景 有的时候我们需要在前端页面上预览某些文档,文档的格式比如:word、ppt、pdf、图片等等 实现方案 可以使用@zuiyouliao/vue-file-viewer第三方库,官方地址 方式1:通过组件方式引入 优点:word/图片可以识别,方便快捷。 缺点:pdf/pptx文件无法识别。 安
线上ppt/vue-file-viewer forked fromHenry/vue-file-viewer 确定同步? 同步操作将从Henry/vue-file-viewer强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!! 确定后同步将在后台操作,完成时将刷新页面,请耐心等待。 删除在远程仓库中不存在的分支和标签 ...
一个基于vue的跨框架、多格式、纯前端渲染的文件浏览解决方案(支持格式:pptx,docx,xlsx,pdf,mp4,纯文本和图片) - Release v1.3.0 · zyl-ui/vue-file-viewer
"name": "@zuiyouliao/vue-file-viewer", "version": "1.1.2", "version": "1.1.3", "private": false, "author": "zly <294333196@qq.com>", "license": "MIT", 6 changes: 5 additions & 1 deletion 6 packages/index.vue Original file line numberDiff line numberDiff line change @@ -...
Vue-文件输入元素的@change在使用ref-拖放文件上载设置其文件时不会触发 输入类型文件的onChange事件不会在dropEnd上触发。 相反,您必须修改当前的onChange方法。这样您就可以对drop end使用相同的代码。 更新onFileSelect方法如下: onFileSelect(e) { console.log("came here"); const file = e.target.files[0...
Web组件对H5、常用框架VUE、React的页面支持情况,包括本地和网络端的页面 Web组件如何访问本地的资源文件,并添加查询参数 如何判断Web滑动到了顶部/底部,并且把滑动事件传递给页面 在Web组件的H5页面中,如何使用a标签实现打开各种页面 Web加载的H5页面跳转后,如何避免原有页面注册的资源被清空 Web组件使用raw...
使用IDEA 插件离线检测 将OpenSCA 扫描能力集成到 IntelliJ 平台 IDE 工具,随时随地保障组件依赖安全。如何使用 了解详情 使用OpenSCA CLI 扫描分析 OpenSCA CLI 是一款开源的软件成分分析工具,用来扫描项目的第三方开源组件依赖及漏洞信息。如何使用 了解详情
var viewer = new Viewer(document.getElementById('container'), { url: 'src', navbar: true, /* 底部缩略图轮播条 */ button: true, /* 关闭 */ backdrop: true, /* 背景遮罩 */ loop : true }); window.onload = function () {