FineReport点击查看图片跳转并显示图片

最新推荐文章于 2025-04-22 16:01:17 发布

看不懂也学不会

最新推荐文章于 2025-04-22 16:01:17 发布

阅读量1.5k

点赞数 1

文章标签：数据库

本文链接：https://blog.csdn.net/m0_67273584/article/details/132453036

版权

文章讲述了在帆软工具中，如何处理SQLServer2008中的picture字段，当包含多个图片URL时，使用window.open()方法会导致404错误。作者提到需要修改SQL语句，如使用string_split函数来解决路径问题，确保报表能正常显示所有图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当sql server 语句中存储图片的数据url路径时,如果在帆软使用window.open()方法只能显示一个路径的picture字段,

picture是我sql里面存图片的字段名

但当一个picture字段中存储了多个路径(路径用,分割),就需要修改sql语句才能正确显示,否则会报404错误,因为它会把字段中所有的图片路径当成一个路径.

那就需要在下面这里改下picture的语句

把本来的picture改成下面这种写法(这里我省略了一些字段,主要看picture的写法),我用的sql server版本是2008的,2016的版本好像有string_split函数

我改完后,报表就可以查看图片,即使路径是多个也能正常查看,不会报404.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

看不懂也学不会

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue基于vue-office实现docx、xlsx、pdf文件的在线预览

bjzhang75的博客

10-09

4356

Vue基于vue-office实现docx、xlsx、pdf文件的在线预览

参与评论您还未登录，请先登录后发表或查看评论

vue引用vue-office实现docx、excel、pdf等文件预览

zgh0611的博客

07-02

3238

vue-office支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3，也支持非Vue框架的预览。安装完之后需要注意vue版本，如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。注意：目前vue-office不支持doc格式。

纯前端文档预览，全网支持最全，Vue实现，无需后端，支持Word、Excel、PPT、pdf、文本、图片，附接入demo和文档，新增支持doc, xls文件

02-09

效果预览： https://viewer.flyfish.dev 纯原创资源，盗用必究，仅用于学习和交流，持续更新，可私信了解。 1. 整合目前市面上所有的纯前端Web组件，并二次开发改进稳定性 2. 目前最灵活的接入方案，基于Html5 postMessage传送blob数据，高度解耦 3. 支持所有文本、代码格式，所有主流图片格式，.mp4，.docx，doc，.xlsx，xls，.pptx, .pdf，.md 等主流文档格式的纯前端预览 4. 附带接入demo，使用纯js实现，可以用于任何场景注意，本代码完全原创，2022年就已经推出，版权所有，后续出现的开源项目大都借鉴本项目思路。本项目支持度是全网最广的，可以详细了解。本源码包已经更新，请放心下载，包括vue2和vue3版本以及demo，需要更多支持，请注册https://git.flyfish.dev，获得代码的持续更新。有问题欢迎联系微信 Yous_Gift。

vue项目实现在线文档预览效果：Office、PDF、Word等格式一网打尽

qq_41786018的博客

01-26

4521

在项目中遇到过一个实际需求，需要能够预览office、pdf、word等在线文件，要是让我们自己手写完全没一点思路，不过好在优秀的开源插件@vue-office/docx，@vue-office/excel，@vue-office/pdf直接就帮我们高效的实现了，让在线预览变得如此简单，话不多说我们开始学习如何在项目中使用这些插件帮我们完成需求点。

vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库

qq_41985405的博客

01-11

8375

如果后端给的不是CDN地址，而是一些POST接口，该接口返回二进制流，则可以调用接口获取文件的ArrayBuffer数据，传递给src属性。通过网络地址预览示例如下，通过文件ArrayBuffer预览和上面docx的使用方式一致。通过网络地址预览示例如下，通过文件ArrayBuffer预览和上面docx的使用方式一致。读取文件的ArrayBuffer。

Vue vue-office 预览docx、excel、pdf文件

qq_44747728的博客

12-04

9796

在Vue中，我们可以使用一些第三方的插件或者组件来实现文件预览功能。比如，我们可以使用vue-office插件来预览PDF文件，文中所给的例子中使用了vue-office+element-ui。

vue-office文档预览插件

钱多多的博客

03-20

5265

在项目中，可能会有录入信息时预览上传的文件，或者在详情页查看文件等在线预览附件的需求场景，但是，一般除pdf外，其余类型文件并不支持直接客户端打开。vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，能够很好的实现在项目中各种在线预览附件的功能需求使用简单，只需提供文档的src(网络地址)即可完成文档预览支持docx、pdf、excel多种文档的在线预览方案用户体验和性能比较好，可以选择每个文档的最佳预览方案。

vue-office 预览docx，excel，pdf文件

m0_63057114的博客

09-14

6839

支持word(.docx)、excel(.xlsx,.xls)、pdf等各类型office文件预览的vue组件集合，提供一站式office文件预览方案，支持vue2和3，也支持React等非Vue框架。Web-based pdf, excel, word preview library

Vue3使用vue-office插件实现word预览

hello.reader

03-28

4261

我们可以给input绑定一个change事件, 当我们选择了文件, change就会触发返回给我们一个event对象, 我们通过event对象中的属性就可以拿到我们的file对象了。其实并不然, 我们开发中还会遇到另一种情况, 就是通过文件上传的方式, 获取文件的ArrayBuffer或者blob来预览文档。获取到了之后, 我们需要使用FileReader身上的实例方法来读取我们的文件内容。随后, 我们赋值一个响应式数据, 用于我们的word展示。这样, 我们的代码就写完了, 我们看看效果。

vue-office：一站式Office文件预览解决方案

chenchuang0128的博客

12-19

4959

vue-office是一个功能强大的Vue组件集合，它支持Word（.docx）、Excel（.xlsx, .xls）和PDF等多种Office文件的在线预览。该组件库不仅适用于Vue 2和Vue 3，还提供了对非Vue框架（如React）的支持，使得开发者可以在多种技术栈下轻松集成文档预览功能。

使用vue-office插件在线预览docx、.xlsx、pdf文件

最新发布

smallqiang的专栏

04-22

1179

vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3。

vue-doc-preview:Vue文档预览组件

05-06

vue-doc-preview vue文档预览组件，此组件将在页面上显示文档的内容。英文自述文件|用进口首先，从yarn或npm添加此程序包。 yarn add vue-doc-previewornpm i vue-doc-preview --save然后，将此组件导入.vue文件。 ...

Vue3借助vue-office插件实现word预览

2401_84123265的博客

07-04

1186

现在, 页面干净了, 我们需要安装vue-office插件安装完成之后, 我们就可以在页面中进行使用了需要我们将组件和样式进行引入随后, 我们赋值一个响应式数据, 用于我们的word展示剩下的就是在页面中进行使用了绑定一个自定义事件, 在渲染完成之后, 就会执行我们看一下整体代码那么页面呈现应该是什么样的呢?这样就完了吗?其实并不然, 我们开发中还会遇到另一种情况, 就是通过文件上传的方式, 获取文件的ArrayBuffer或者blob来预览文档这个时候, 我们应该怎么处理呢?

vue项目基于vue-office实现docx、xlsx、pdf文件的在线预览

weixin_44161385的博客

06-03

1093

vue项目基于vue-office实现docx、xlsx、pdf文件的在线预览

基于vue-office实现docx、xlsx、pdf文件的在线预览

LZUGIS

02-28

1607

本文基于vue-office实现docx、xlsx、pdf文件的在线预览

【记录49】vue2 vue-office在线预览 docx、pdf、excel文档

~牧马~

12-11

789

npm install @vue-office/excel vue-demi@0.14.6 指定版本。npm install @vue-office/docx vue-demi@0.14.6 指定版本。npm install @vue-office/pdf vue-demi@0.14.6 指定版本。在线预览 docx、pdf、excel文档。vue-office 适用于vue2/3。vue版本小于2.6的需下载。

vue-office预览docx，excel，pdf文件

learn_first的博客

05-07

1200

vue-office不支持doc文件的预览。对xls文件进行预览时，必须设置options=｛xls:true｝如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。

【项目实战】vue-office/docx插件实现docx文件预览

Summer_Uncle的博客

03-25

4458

【代码】vue-office/docx插件实现docx文件预览。

vue-office预览文件流

04-17

vue-office是一个基于Vue.js的文件预览组件，它可以在前端直接预览多种类型的文件流，包括Office文档（如Word、Excel、PowerPoint）、PDF文档、图片等。使用vue-office预览文件流的步骤如下： 1. 安装vue-office组件：可以通过npm或yarn安装vue-office组件，命令如下： ``` npm install vue-office ``` 或 ``` yarn add vue-office ``` 2. 在Vue项目中引入vue-office组件：在需要使用文件预览功能的页面中，引入vue-office组件，例如： ```javascript import VueOffice from 'vue-office'; ``` 3. 在Vue组件中使用vue-office组件：在需要预览文件流的地方，使用vue-office组件，并传入文件流数据，例如： ```html <template> <div> <vue-office :file="fileData" /> </div> </template> <script> export default { data() { return { fileData: '文件流数据' }; } }; </script> ``` 4. 根据需要配置其他参数：vue-office组件还支持一些其他参数的配置，例如设置预览的文件类型、设置预览的宽度和高度等。以上就是使用vue-office预览文件流的基本步骤。通过这个组件，你可以在Vue项目中方便地实现文件的在线预览功能。