前端以字符串格式传svg文件内容后端接收出现问题

已于 2024-07-16 15:34:57 修改
阅读量413 收藏 3
点赞数 7
文章标签： 前端
于 2024-07-16 15:02:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/asdfggfdsa121/article/details/140466370
版权

最近工作中有一个特别的需求, 项目需要集成一个组态工具(可以认为就是工业作图的工具, 这不重要!), 保存svg文件的接口是post类型, 且是组态工具写死的由于我们没有源码故不能修改, 接口只传两个参数:

  • parameter1: 字符串类型的svg文件名

  • parameter2: 字符串类型的svg文件内容

这俩参数都是字符串类型, 以json格式传给后端, 我以为这就是简单的字符串传值, 索性用一个map接收处理, 但是测试的时候出现了一个特别的问题, 我发现居然后端接收的内容比前端传的字符串少了好多东西如下图, 很明显后端明显接收到的值少了!

经过我一顿排查, 发现如果不走微服务网关直接调用后端单个服务, 传值居然是没问题的, 于是我翻遍了微服务网关配置并未发现有相关的内容过滤, 无奈只能选择配置nginx解决问题, 将此接口单独在nginx配置, 不走网关, 直接走单个服务, 解决问题!

阿火~
关注
2023前端大厂高频面试题之项目篇
zag666的博客
05-02 1307
注册登录 如何减少前端页面的首屏加载时间？ 图片懒加载 网站性能优化 项目启动后白屏，怎么解决？怎么查？ 说一下你在前端项目中遇到印象深刻的项目场景，并且怎么解决的？ 前端工程化 小程序体积压缩 前端单元测试 在做完前端项目之后，一般都会写哪些文档，readme里面写一些什么？ 项目难点 微信小程序聊天功能 微信小程序第三方授权（点击登录弹出微信授权） 小程序页面加载速度优化 小程序响应式设计
前端面试八股文（超详细）
热门推荐
m0_50861631的博客
03-06 16万+
JavaScript \1. Promise 的理解 Promise 是一种为了避免回调地狱的异步解决方案 2. Promise 是一种状态机： pending（进行中）、fulfilled（已成功）和rejected（已失败） 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。 回调地狱 回调函数中嵌套回调函数的情况就叫做回调地狱。 回调地狱就是为是实现代码顺序执行而出现的一种操作，它会造成我们的代码可读性非常差，后期不好维护。 一、Promise是什么？ Promise是最早
svg-to-json:将SVG字符串转换为JSON
05-15
#SVG到JSON一种将SVG字符串转换为JSON数据并可选地呈现统计信息的方法。 #Usage创建新实例，提供svg字符串，还可以选择传入options 。 var svg_json = new SVGToJSON ( svg [ , options ] ) ; #API ## Object.json SVGToJSON()返回一个对象。 OBJ.json是主要的JSON数据。 它是所有SVG标签的数组。 var svg_json = new SVGToJSON ( svg ) ; svg_json = { json : [ ... ] } ## Object.json [I]中的每个标签Object.json有四个值。 var first_tag = svg_json . json [ 0 ] ; first_tag = { attrs : { "h
svg文件转标签形式（字符串）。MultipartFile转File
qq_37337660的博客
01-23 2450
svg转string 直接存库。
Rune.js：优雅地将Unicode字符转化为SVG艺术
gitblog_00025的博客
04-14 398
Rune.js：优雅地将Unicode字符转化为SVG艺术 项目地址:https://gitcode.com/gh_mirrors/ru/rune.js 是一个轻量级的JavaScript库，由Runemadsen开发，旨在将Unicode字符转换为优雅的SVG图形。这个项目特别适合那些希望通过文字的艺术性展现增强网页或应用视觉效果的设计者和开发者。 项目简介 Rune.js的核心功能是将特定的U...
将前端svg图片存为字符串，供world模板使用
qfashly的博客
03-09 2886
转载请注明：https://blog.youkuaiyun.com/qfashly/article/details/79498524 最近由于业务需要，需要将前端查询的数据在浏览器上以图片的形式展示，然后回传到后台供导出world使用；如果将图片存为文件形式，则性能和效率太差，所以使用highcharts.js将数据渲染成图片，再使用js将svg图片传回，使用Base64将svg转换成String，供导出w...
SVG路径字符串格式
打杂人
12-17 1204
命令 名称 参数 M 移动到（moveTo） (x y)+ Z 闭合路径（closepath） (none) L 直线（lineTo） (x y)+ H 水平直线 x+ V 垂直直线 y+ C 曲线（curveto） (x1 y1 x2 y2 x y)+ S 平滑曲线 (x2...
解析svg图，并挂载到前端页面上（uniapp）
maoxiaohei_的博客
08-31 5423
最近有个功能，后台返回svg的配电图，解析之后,变成xml挂载到页面上.然后实现缩放，类似这种功能 本来app用的是uniapp写的，但是uniapp不支持svg图，所以用了uniapp自带的一个web-view,单独创建了一个vue的项目，外部链接，展示svg图，或者你自己会操作的话，转成canvas展示也行，不过会折损清晰度。 链接: uniapp-webview参考地址。 第一步创建两个项目 然后通过web-view引入，这个链接就是你引入的项目地址，存放svg的 配置好axios 和 vue项
【SVG图表的Web集成】：前端至后端的无缝连接技术
本文全面探讨了SVG图表在Web环境中的集成与应用，涵盖基础知识、前端和后端技术集成以及SVG图表的未来趋势。首先介绍了SVG技术的优势和在Web中的应用案例。随后，文章深入讲解了SVG基础元素与属性、基础图表的构建...
vue.js图片转Base64上传图片并预览的实现方法
12-11
因此，将图片转换为Base64编码，可以将完整的图片数据作为字符串发送给后端，后端只需将其存储在数据库中，无需关心路径问题。前端在接收到Base64数据后，直接设置为`<img>`标签的`src`属性即可预览图片。 使用...
svg字符串在react中的使用
qq_41662017的博客
10-25 869
需求：svg字符串在react中不用dangerouslySetInnerHTML如何呈现 const img = '字符串'; <img src={`data:image/svg+xml;utf8,${encodeURIComponent(img)}`/>
项目中使用svg格式的字符串转换图片并把图片插入到word和pdf文档
fenfenguai的专栏
10-28 5042
在用Highcharts做图表展示的时候使用到的功能。提供前端页面以及Java后台对svg格式的字符串转换为具体的图片 废话不多了直接上干货 主要代码 web端<!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta http-equiv="Content-Type" content="text/html;
SVG字符串直接保存为png图片
Dxy1239310216的博客
07-07 1029
采集到的SVG图片数据是字符串，我想直接将SVG xml字符串转换成图片，而不是保存一下再转。
svg-blob怎么将svg字符串保存为.svg图片
weixin_35749786的博客
02-10 646
要将SVG字符串保存为.svg图片，你可以使用SVG-Blob库。 你可以这样做： 安装SVG-Blob：npm install svg-blob 在你的代码中引入SVG-Blob：import { SVGBlob } from 'svg-blob' 使用SVGBlob类的toBlob()方法将SVG字符串转换为Blob对象： const svgString = '<svg xml...
SVG或PNG图片颜色修改：JS 动态更改svg格式字符串的颜色、svg格式字符串转url、使用svg加载器svg-sprite-loader动态改变svg颜色、使用drop-shadow修改图片颜色
icemwj的博客
07-14 3608
SVG或PNG图片颜色修改：JS 动态更改svg格式字符串的颜色、svg格式字符串转url、使用svg加载器svg-sprite-loader动态改变svg颜色、使用drop-shadow修改图片颜色
Vue3技巧：vue3中Img标签如何直接使用方法返回的svg字符串
andy_68147772的博客
11-28 1251
请注意，如果你的 SVG 字符串包含特殊字符，可能需要进行额外的编码处理，以确保数据 URI 的正确性。对于简单的 SVG 字符串，上面的方法通常是有效的。中将这个 SVG 字符串转换为 Base64 编码的数据 URI。此外，如果你的 SVG 内容是静态的或者不经常改变，你可以考虑将 SVG 直接内联到模板中，而不是使用。这样可以提供更好的性能和灵活性，因为你可以直接在 SVG 元素上使用 Vue 指令和绑定。标签中使用方法返回的 SVG 字符串，你需要将 SVG 字符串转换为一个可以被。
svg字符串格式转为base64
是还不成熟的开发人员啊
03-19 3850
svg字符串格式转为base64
【无标题】
最新发布
ailangqinghe的博客
08-27 1093
在使用 SVG 时，我们需要警惕样式污染的问题。通过使用img元素引入 SVG 字符串，并确保 SVG 字符串中包含正确的命名空间声明，我们可以成功避免样式污染，确保 SVG 在页面上正确显示。这种方法简单而有效，适用于各种前端开发场景。
前端利器：jquerybase64.zip的base64编解码实现
Base64是一种编码方法，用于将二进制数据（如图片、音频、视频文件等）转换为ASCII字符串。这种编码方式常用于在不支持二进制数据的环境中传输数据，例如在Web应用中，当需要通过HTTP请求发送二进制文件时，经常使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值