上传文件返回值带 <pre style="word-wrap:break-word;white-space:prewrap;"></pre>

最新推荐文章于 2023-12-21 15:23:52 发布

公众号Java3y

最新推荐文章于 2023-12-21 15:23:52 发布

阅读量6.5k

点赞数 3

分类专栏：解决错误文章标签： pre 数据前端 json

本文链接：https://blog.csdn.net/hon_3y/article/details/77840735

版权

解决错误专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种在前端处理和解析特殊格式JSON数据的方法，并提供了一个实际的代码示例，展示了如何去除不需要的数据。

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

这次在上传的时候发现JSON返回的值是这样子的：

这里写图片描述

而后台明明返回的是原生的JSON数据：


{"realPath":"http://localhost:8081/file/upload/20170904190650266529.png","relativePath":"/upload/20170904190650266529.png"}

在前端我们可以把无关的数据删除了，因此，解析的JSON代码如下：


   var jsonObj = $.parseJSON(responseText.replace(/<.*?>/ig,""));

当然了，在别的博客看到这样的解决思路：

这里写图片描述

可以参考一下，我并没有证实..

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

公众号Java3y

关注关注

3
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ajax返回Json数据中带有＜pre＞标签去除

马句

07-01

948

某个文件上传ajax取值出问题就很纳闷于是打印了返回的信息发现json被 <pre style="word-wrap: break-word; white-space: pre-wrap;">{json}</pre> 完完整整的包裹着，不出错才奇怪。于是为了解决这问题尝试了网上说的一些办法，几乎都没效果，最后还是正则解决了。记录下吧，可能每个人的情况不一样。 1.将返回的类型从application/json改为text/html 2.把 context.Re

qss中使用自定义属性(property)

u012098118的专栏

07-13

2281

Q_PROPERTY(type name READ getFunction [WRITE setFunction] [RESET resetFunction] [NOTIFY notifySignal] [DESIGNABLE bool] [SCRIPTABLE bool] [STORED bool] [USER bool] [CONSTANT] [FINAL]) 1.必须有一个READ 函数。

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

js实现上传excel解析返回json到页面显示

06-09

js实现excel文件上传解析，返回json并显示到页面支持两种格式

文件上传后,将返回值转为file

ScoloveCode的博客

01-28

1455

场景:当由前端把文件发送给后端存库后,后端返回我们一个接口,前端调用接口拿到返回的值,此时返回的值是浏览器自动读取返回的Blob,但是由于文件用法不同所以现在需要的是文件流,接下来就需要通过Blob,File两个对象. let FormParams = { url: `/getFile${params.fileUrl}`, method: 'get', headers: { needToken: true } } axios(FormParam

文件上传不跳转并接受返回值

afdasfggasdf的博客

02-13

471

<div id="fileuploadbox"> <form action="${ctx}/itemPortrait.do?method=attachSave&prj_id=${bean.prj_id}&flag=222" method="post" target="tg" enctype="multipart/form-da

解决ajax上传文件返回值中出现<pre style="word-wrap: break-word; white-space: pre-wrap;">

菜鸟vs程序员的专栏

07-22

5423

<pre style="word-wrap: break-word; white-space: pre-wrap;">

java面试题1

messytang的博客

09-21

2219

1、面向对象的特征有哪些方面？答：面向对象的特征主要有以下几个方面： - 抽象：抽象是将一类对象的共同特征总结出来构造类的过程，包括数据抽象和行为抽象两方面。抽象只关注对象有哪些属性和行为，并不关注这些行为的细节是什么。 - 继承：继承是从已有类得到继承信息创建新类的过程。提供继承信息的类被称为父类（超类、基类）；得到继承信息的类被称为子类（派生类）。继承让变化中的软件系统有了一定的

前端基础知识总结---CSS篇

Web前端开发工程师

09-09

2604

基于vue-advanced-chat组件自义定聊天（socket.io+vue2）

热门推荐

张佳美的专栏

01-12

1万+

<pre style="word-wrap: break-word; white-space: pre-wrap;">{"flag":"true"}</pre>

Ext ajax上传文件

imlmy的专栏

03-01

1万+

上传文件的时候用ajax是不能实现的，因为文件传递安全性方面的考虑，ajax只能将文件名传递到后台，并不能将文件本身传递给后台，要在extjs实现文件上传必须采用在form中提交的方式，不过为了实现类似于ajax的用户体验，可以在配置项中添加fileUpload:true的方式，来实现异步提交，而不必出现页面跳转的方式。采用Ext ajax提交form，并设置上传参数 Ext.Ajax.

word-wrap word-break white-space

weixin_30666753的博客

05-31

124

今天主题是超长英文文本自动换行word-wrap的使用，在介绍这个属性的同时，我还把word-break和white-space两个属性一起放进来介绍，因为这几个属性常给我平时的制作中带来混淆的感觉，搞不清楚在什么地带需要使用中word-wrap属性，什么时候又应该使用word-break属性，而又何时才能使用white-space。为了解决这个疑问，今天特意将他们放在本文中一起介绍。大家在...

Spring MVC 的返回值处理 2021-09-12

qq_21438267的博客

09-12

569

Spring MVC 应用开发 1 基础概念介绍 2 返回值处理 返回值处理Spring MVC 应用开发1 [基础概念介绍](https://blog.csdn.net/qq_21438267/article/details/120257013)2 [返回值处理](https://blog.csdn.net/qq_21438267/article/details/120257347)一、不使用注解修饰1.1 ModelAndView1.2 void1.3 String（推荐）二、使用注解修饰2.1 Res

word-wrap,word-break,white-space,text-overflow的区别和用法

weixin_30367873的博客

07-03

148

在div中，文本布局经常出现，换行混乱的情况。问题表现：1.如果是全英文字符串,中间不包含任何符号(包括空格)，不自动换行. 2.中英文混写，则在英文字符串的开始处换行（英文长度>div长度），结尾处不换行。 3.英文整个单词换行。等等，可能还有一些问题，这里只列出了常见的几个；介绍上面几个css属性功能的简单用法； word-wr...

上传File时，浏览器总是添加<pre>的解决办法

每天叫醒自己的不是闹铃是娟是梦是理想。

01-15

2689

在使用ajaxFileUpload.js进行上传文件的时候,在返回的JSon字符串里面总是莫名其妙的添加了标签，例如返回内容为"{\"message\":\"导入文件已成功\",\"result\":\"OK\"}",在浏览器里面就变成了"<pre style="word-wrap: break-word; white-space: pre-wrap;">"{\"message\":\"导入文

常见样式问题七、word-break、word-wrap、white-space区别

c11073138的博客

03-12

8696

css排版之word-wrap word-break white-space 用法浅析

qq_25292481的博客

10-07

2298

word-wrap word-break white-space 用法浅析我们在对文字排版时有时候会需遇到文字比较多的情况，文字比较多时我们还可能会考虑到文字如何展示，今天我们主要说说文字遇到边界时的一些处理方法。通常文字遇到边界时是自动换行显示，比如下面的情况：代码如下： Document *{ margin: 0; padding: 0; } .

function setState(res){ switch (res.status){ case "0" : return "<div style='border-radius: 8px;width: 70px;height: 40px;background-color: #FFF4EF;'><span style='color: #F4B48D'>待接诊</span></div>" break case "1" : return "<div style='border-radius: 8px;width: 70px;height: 40px;background-color: #CBF1E4;'><span style='color: #32BA8D;'>接诊中</span></div>" break case "2" : return "<div style='border-radius: 8px;width: 70px;height: 40px;background-color: #F3F6F5;'><span style='color: #B9BABA'>已接诊</span></div>" break } }前端显示undefined怎么解决？

07-12

前端显示undefined的问题可能是因为没有正确调用函数或者传入的参数不正确。可以按照以下步骤来解决该问题： 1. 确保调用函数时传入了正确的参数。在这种情况下，函数需要一个名为`res`的对象参数。 2. 确保传入的`res`对象具有一个名为`status`的属性，且该属性的值为字符串类型。 3. 检查`switch`语句中的每个`case`是否与`res.status`的值匹配。确保没有遗漏或错误的拼写。 4. 如果以上步骤都正确，但仍然显示undefined，可以在函数中添加一个默认的返回值，以防止出现未匹配到任何`case`的情况。例如，在`switch`语句的末尾添加一个`default`分支，并返回一个默认值。以下是修改后的代码示例： ```javascript function setState(res){ switch (res.status){ case "0" : return "<div style='border-radius: 8px;width: 70px;height: 40px;background-color: #FFF4EF;'><span style='color: #F4B48D'>待接诊</span></div>"; break; case "1" : return "<div style='border-radius: 8px;width: 70px;height: 40px;background-color: #CBF1E4;'><span style='color: #32BA8D;'>接诊中</span></div>"; break; case "2" : return "<div style='border-radius: 8px;width: 70px;height: 40px;background-color: #F3F6F5;'><span style='color: #B9BABA'>已接诊</span></div>"; break; default: return "<div style='border-radius: 8px;width: 70px;height: 40px;background-color: #FFFFFF;'><span style='color: #000000'>未知状态</span></div>"; } } ``` 请确保在调用`setState`函数时，传入一个具有`status`属性的对象。如果问题仍然存在，请提供更多的代码和错误信息以便更好地帮助你解决问题。

上传文件 返回值带 <pre style="word-wrap:break-word;white-space:prewrap;"></pre>

上传文件返回值带 <pre style="word-wrap:break-word;white-space:prewrap;"></pre>