项目 接入 在线预览

在这里插入图片描述
在这里插入图片描述

文章目录

            • 1. 项目链接
            • 2. 克隆项目
            • 3. 接入规范
            • 4. 项目接入测试
            • 5. 参考案例

1. 项目链接

https://gitee.com/kekingcn/file-online-preview
在这里插入图片描述

2. 克隆项目
git clone git@gitee.com:kekingcn/file-online-preview.git
3. 接入规范
# 如果你的项目需要接入文件预览项目,达到对docx、excel、ppt、jpg等文件的预览效果,那么通过在你的项目中加入下面的代码就可以 成功实现:
var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址
window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(base64Encode(url)));# 新增多图片同时预览功能,接口如下:
var fileUrl =url1+"|"+"url2";//多文件使用“|”字符隔开
window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(base64Encode(fileUrl)));              
4. 项目接入测试

在这里插入图片描述

5. 参考案例

https://gitee.com/gb_90/online-preview
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/516934.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

阿里技术文档:Redis+Nginx+Spring全家桶+Dubbo精选

最近花了很长的时间去搜罗整理Java核心技术好文,我把每个Java核心技术的优选文章都整理成了一个又一个的文档。今天就把这些东西分享给老铁们,也能为老铁们省去不少麻烦,想学什么技能了,遇到哪方面的问题了 直接打开文档学一学就好…

UC上云 为网络大型游戏保驾护航

客户简介 UC 浏览器(UC Browser)是 UC Mobile Limited在2004年8月开发的一款软件,分 UC 手机浏览器和 UC 浏览器电脑版。UC 浏览器是全球使用量最大的第三方手机浏 览器,截止至 2016年,UC 浏览器月活用户突破了 4 亿&…

入门云监控部署业务

云监控概览为您提供了云服务资源使用概览、报警概览、重要事件概览和资源使用情况概览。 您可以实时了解各云服务的资源保有、使用水位和报警情况。 云服务概览 云服务概览提供主机(包括云服务器 ECS 和安装云监控插件的非ECS 机器)、负载均衡、弹性公…

does not provide an export named ‘createRouter

文章目录一、 外象1. 背景2. 现象二、 解决方案2.1. npm2.2. yarn一、 外象 1. 背景 vue3与vite整合使用时 2. 现象 浏览器控制台 SyntaxError: The requested module ‘/node_modules/.vite/vue-router/dist/vue-router.esm.js?v4830dca4’ does not provide an export n…

游戏行业应该如何建设数据中台?

责编 | 晋兆雨来源 |智领云科技封图 | CSDN 下载自视觉中国随着网络世界的迅猛发展,“游戏”进入了前所未有的蓬勃发展期。根据Newzoo数据显示,2019年全球游戏市场规模约为1521亿美元,2015-2019年复合增长率达到13.4%,预计2020年全…

带你开启自助建站

本文汇总了各类型网站的部署方式,便于您自助搭建网站。 网站类型部署方式说明WordPressROS模板部署WordPress是一款常用的搭建个人博客网站的软件。您可以使用WordPress架设自己的网站,也可以搭建内容管理系统CMS(Content Management System&…

Vue-router 的使用 (vue3.x版本)

文章目录一、安装1. npm2. yarn二、使用2.1. 引入注册2.2. 创建配置一、安装 1. npm 默认 npm install vue-router -S # 卸载 npm uninstall vue-routervite # 安装 npm install vue-routernext -S # 卸载 npm uninstall vue-routernext2. yarn 默认 # 安装 yarn add vue…

菜鸟网络宣布推出物流加速上云行动“鲲鹏计划”

公司介绍 “菜鸟网络科技有限公司”是2013年5月28日,阿里巴巴集团、银泰集团联合复星集团、富春集团、顺丰集团、三通一达(申通、圆通、中通、韵达),以及相关金融机构共同合作共同组建的正式成立的。“中国智能物流骨干网”&…

中台架构详解(上) | 大咖说中台

作者 | 耿立超责编 | 晋兆雨来源 | 《大数据平台架构与原型实现:数据中台建设实战》中台打破了应用系统的壁垒,从企业全局梳理和规划业务程,重构了组织架构、业务架构与IT 架构。 在梳理了企业的IT 现状并回顾了SOA 的历史之后,我…

岗岭集团打造中国最大的线上线下一体化的医药健康平台

客户简介 岗岭集团是中国互联网医药健康的领军企业,致力于用互联网模式和思维方式,改变中国大众“看病难、买药贵”的现状。岗岭集团运用创新的互联网和IT技术提供在线诊疗、购药和健康管理等服务,缩减中间环节,优化供应链&#…

yarn vite vue3.x

文章目录一、插件安装1. vue-router2. vuex3. element-plus4. axios5. sass二、Yarn 常用命令2.1. 添加依赖包2.2. 将依赖项添加到不同依赖项类别2.3. 升级依赖包2.4.移除依赖包2.5.安装package.json里的包依赖三、Vite3.1. 简述3.2. 全局安装vite3.3. 创建项目3.4. 下载依赖3.…

入门云虚拟主机,为你的业务快速实现数据备份和数据恢复

备份方式 虚拟主机的备份分手工备份与自动备份两种。备份存储到单独系统提供的存储空间,不占用虚拟主机的网页空间和数据库空间。 手工备份 手工备份是指用户在控制台主动发起的备份操作,备份完毕后可随时下载和恢复。除非备份被主动删除,…

Web 前端自学很苦?来,手把手教你,拿下前端!

今年受经济下行与疫情叠加的影响,毕业生有800多万,就业形势十分严峻,但即便如此,Web前端人才在软件开发行业的就业市场中依旧供小于求,目前,全国总缺口每年大约为近百万人。行业对前端需求量持续增加&#…

When allowCredentials is true, allowedOrigins cannot contain the special value “*“ that cannot be

SpringBoot升级2.4.0所出现的问题: When allowCredentials is true, allowedOrigins cannot contain the special value “*” since that cannot be set on the “Access-Control-Allow-Origin” response header. To allow credentials to a set of origins, list…

景区门票系统上云 低成本、安全性高

公司介绍 我们是华南麟睿科技有限公司,是一家批发零售业企业。本公司成立于2019年8月,总部位于衡阳,实缴注册资金777万元,并于2019年11月成立了子公司华南麟睿文化传媒有限公司。目前主要需求是业务景区门票系统上云。 业务痛点…

入门云数据库Redis,满足你的高读写性能场景需求

什么是云数据库Redis版 更新时间:2020-01-16 10:30:56 编辑 我的收藏 新浪微博 微信 钉钉 我的收藏 SDK中心 API中心 新手学堂 学习路径 本页目录 为什么选择云数据库Redis版版本类型学习路径实例架构实例规格应用场景产品定价Redis视频简介 云数据库…

垃圾回收策略和算法,看这篇就够了

作者 | Craig无忌来源 | 程序员大帝(ID:kingcoding)前言回收,旧手机,旧冰箱,旧空调,旧洗衣机,电瓶车摩托车,自行车,报纸,塑料......还记得小时候,…

StringUtils.isEmpty() Deprecated 已弃用

原文: Deprecated. as of 5.3, in favor of hasLength(String) and hasText(String) (or ObjectUtils.isEmpty(Object)) Check whether the given object (possibly a String) is empty. This is effectively a shortcut for !hasLength(String). This method acce…

手把手教你在物联网为产品定义物模型

物联网平台支持为产品定义物模型,将实际产品抽象成由属性、服务、事件所组成的数据模型,便于云端管理和数据交互。产品创建完成后,您可以为它定义物模型,产品下的设备将自动继承物模型内容。 操作步骤 产品列表中,选…

单线程与多线程的区别

程序是什么? ​ 程序是由源代码生成的可执行应用。 什么是进程? ​ 当一个程序开始运行时,它就是一个进程,进程包括运行中的程序和程序所使用到的内存和系统资源。 而一个进程又是由多个线程所组成的。 什么是线程&#xff1f…