项目 接入 在线预览

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

文章目录

            • 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核心技术的优选文章都整理成了一个又一个的文档。今天就把这些东西分享给老铁们,也能为老铁们省去不少麻烦,想学什么技能了,遇到哪方面的问题了 直接打开文档学一学就好…

入门云监控部署业务

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SpringBoot/Cloud AOP 统一日志输出

文章目录1. 导入依赖2. aop拦截器3. logback配置4. 测试类5. 关键点6. 效果图1. 导入依赖 <!-- AOP --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-aop</artifactId></dependency>&l…

社区网站类场景下的静态资源处理

社区网站类场景下静态资源处理 场景描述 解决的问题 本实践通过搭建WordPress博客系统&#xff0c;向用户展示如何l 静态资源&#xff08;图片、视频等&#xff09;CDN访问加速和刷新 将图片、附件等静态资源上传到阿里云OSS&#xff0c;并通过阿里l OSS对象跨国际区域进行复…

收藏!美国博士明确给出Python的高效学习技巧

我见过市面上很多的 Python 讲解教程和书籍&#xff0c;他们大都这样讲 Python 的&#xff1a;先从 Python 的发展历史开始&#xff0c;介绍 Python 的基本语法规则&#xff0c;Python 的 list, dict, tuple 等数据结构&#xff0c;然后再介绍字符串处理和正则表达式&#xff0…

云服务器ECS共享标准型S6全新发布, 行业内最具性价比

近日&#xff0c;阿里云弹性计算发布全新一代云服务ECS共享标准型S6&#xff0c;性能相对上一 代实例提升15%以上&#xff0c;价格相对上一代最高降低42%&#xff0c;是目前国内云计算厂商 更能够提供的最具性价比的云服务器产品。一些中小型网站、轻量数据库以及轻 量企业应…

SpringBoot/Cloud 统一返回优雅设计+自定义异常

文章目录1. 返回结果封装2. 自定义异常3. 校验工具类4. 使用案例5. 前端效果图1. 返回结果封装 package com.course.server.dto;public class ResponseDto<T> {/*** 业务上的成功或失败*/private boolean success true;/*** 返回码*/private String code;/*** 返回信息…

点游出行提供内地与香港游客高质量的旅程

公司介绍 我们公司是成都市点游出行科技有限责任公司&#xff0c;是一个服务于旅游行业的香港科学园园区企业。业务包括旅游行程规划、出行攻略、旅游视频、智能酒店、旅游酒店预订等等&#xff0c;以APP、小程序、网站等方式在阿里云开展国际旅行业务&#xff0c;APP名称叫做…

赠书 | SkyWalking 观测 Service Mesh 技术大公开

导读&#xff1a;本文摘自于SkyWalking创始人吴晟撰写的《Apache SkyWalking实战》一书&#xff0c;介绍了SkyWalking对Service Mesh的监控模型&#xff0c;并重点阐述了其与Istio的集成。通过本文&#xff0c;希望你对SkyWalking观测Service Mesh场景有深入的了解&#xff0c;…

鼐鼐家为用户打造3D互动体验式营销解决方案

公司介绍 我们公司是上海鼐鼐家软件有限公司&#xff0c;主要业务是装修设计平台&#xff0c;有一个官网和APP&#xff0c;APP是鼐鼐家软件&#xff0c;是我们公司自主研发基于HTML5的WEB 3D 云设计和云渲染技术平台。专业的在线3D设计工具&#xff0c;将领先的Web 3D技术和家居…

vue 集成 sweetalert2 提示组件

文章目录一、项目集成1. 引入方式2. 确认框封装3. 提示框封装4. 确认框使用5. 消息提示框使用6.项目效果一、项目集成 官网链接&#xff1a;https://sweetalert2.github.io 案例 1. 引入方式 CDN引入方式&#xff1a; 在index.html中全局引入 <script src"//c…

基于弹性计算的AI推理

场景描述 本方案适用于使用GPU进行AI在线推理的场 景。在推理之前&#xff0c;模型已经训练完成。例如,刷脸 支付中&#xff0c;我们在刷脸的时候&#xff0c;就是推理的一个过 程。再比如图像分类&#xff0c;目标检测&#xff0c;语音识别&#xff0c;语 义分析等返回结果…

vue 集成 sweetalert2 前端校验

文章目录1. 集成 sweetalert22. 校验工具类抽象3. 校验工具类4. 使用5. 效果图6. 后端集成1. 集成 sweetalert2 官网&#xff1a;https://sweetalert2.github.io 在index.html引入 <script src"//cdn.jsdelivr.net/npm/sweetalert211"></script>2. 校验…