Vue+SpringBoot上传图片[Vue warn]: Invalid prop: type check failed for prop "image".

最新推荐文章于 2023-12-28 11:21:09 发布

早起的小青年

最新推荐文章于 2023-12-28 11:21:09 发布

阅读量1.7k

点赞数 2

分类专栏： Vue+SpringBoot 文章标签： vue java bug web html

本文链接：https://blog.csdn.net/qq_44560143/article/details/105533797

版权

Vue+SpringBoot 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Vue+SpringBoot上传图片[Vue warn]: Invalid prop: type check failed for prop “image”. Expected String, got Undefined.

在学习尚硅谷项目因为自己的习惯遇到的问题。
检查前端代码image-cropper，field与后端的，controller接收参数名字是不是一致，如图所示。

前端代码

后端代码
如果前后端名字不一致就汇报

vue.runtime.esm.js:587 [Vue warn]: Invalid prop: type check failed for prop "image". Expected String, got Null.

found in

---> <PanThumb> at src\components\PanThumb\index.vue
       <ElFormItem>
         <ElForm>
           <Anonymous>
             <AppMain> at src\views\layout\components\AppMain.vue
               <Layout> at src\views\layout\Layout.vue
                 <App> at src\App.vue
                   <Root>

第一次发博客记录自己的问题如有问题我会及时修改

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

早起的小青年

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
7
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

[Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String.

郭宝的博客

10-08

7万+

问题：大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。解决思路： 1、首先针对该错误信息可以去GbComponentUploadDialog.vue文件中查找disabled关键字 2、然后通过查看对应的Element官网得知，设置输入框组件禁止输入的正确写法是 :disabled="true" ，而代码中少写了冒号，加上即可。更...

前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法

热门推荐

软贱开发攻城狮

04-04

1万+

前言在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。警告提示在运行项目之后，Chrom

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

[Vue warn]: Invalid prop: type check failed for prop “image“. Expected String, got Undefined.

ZhuTT的博客

03-13

257

在页面启动的时候teacher.avatar属性还没有定义，所以这个组件获取到的是Undefined。我们在页面启动的时候的。在else里面手动给teacher的avatar添加一个值，空字符串或者自定义的默认头像均可。启动的时候可能会报这样的错误。

[Vue warn]: Invalid prop: type check failed for prop “image“. Expected String, got Undefined

weixin_46258150的博客

03-19

3076

[Vue warn]: Invalid prop: type check failed for prop "image". Expected String, got Undefined 问题描述： vue中类型不匹配导致的错误。大致的意思是期待的是“image“类型，传入的是string，所以导致出错。解决办法：类型转换 <pan-thumb :image="String(filePath)"> ...

上传图片时遇到的错误（Invalid prop: type check failed for prop “image“. Expected String, got Undefined.）

justice-long的博客

04-10

590

在向阿里OSS上传图片时，浏览器报如下错误：但进入OSS发现图片已经上传成功。原因：是axios的请求超时时间设置太短，在网络不好的时候，容易报错。解决：将请求超时时间适当的设置大一点。 ...

Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null

qq_51536454的博客

12-28

1004

Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null

vue表单验证中 Invalid prop: type check failed for prop “model“. Expected Object, got String with value “l

weixin_43413645的博客

04-19

4051

4/19 在写vue项目注册页面中rules规则的时候，反复验证prop和rules中值相同的情况下，运行一直产生报错 <template> <div> <div id="register" class="box" > <h3>注册登录页面</h3> <el-form ref="ruleform" :rules="rules" model="loginForm" label-width="20%"> .

vue+springboot图片上传和显示的示例代码

10-15

主要介绍了vue+springboot图片上传和显示的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

使用Vue+Spring Boot实现Excel上传功能

08-26

主要介绍了使用Vue+Spring Boot实现Excel上传,需要的朋友可以参考下

vue.runtime.esm.js:587 [Vue warn]: Invalid prop: type check failed for prop "currentPage".

qq_41347033的博客

02-24

5014

错误截图解决方法发现查询的方法没有加括号导致的，具体的原因应该是这个，大家可以看一下 https://blog.csdn.net/little_naive/article/details/91823432

[Vue warn]: Invalid prop: type check failed for prop "****".

littleFatty的博客

04-18

7563

以下错误都是同样的原因 [Vue warn]: Invalid prop: type check failed for prop "readonly". Expected Boolean, got String with value "true". [Vue warn]: Invalid prop: type check failed for prop "disabled". Expected...

[Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Undefined

qq_52822043的博客

05-06

1206

在使用vue 和element UI做循环遍历的时候遇到了如下问题： <el-menu-item-group v-for="(subItem, index) in item.children" :key="subItem.path" :index="subItem.path"> <el-menu-item :index="index" >{{ subItem.label }}</el-menu-item> </el-menu-item-group

上传图片（文件）

weixin_30952535的博客

01-16

JS代码 function showPic(){ var pic = $("#pic").get(0).files[0]; $("img").prop("src" , window.URL.createObjectURL(pic) ); //uploadFile(); } function uploa...

[Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String with v

weixin_43820434的博客

12-08

3557

报错解决方法：在"disabled"前面加上":" 即是":disabled"形式修改前代码 <el-form-item label="执行用户" label-width="100px"> <el-input v-model="temp.userId" disabled="false" style="width: 220px;" /> </el-form-item> 修改后代码 <el-form-item label="执行用户" l...

在使用element-ui时，碰到错误……type check failed for prop "value"。

qq_29018891的博客

05-18

1万+

详细错误： vue.runtime.esm.js:587 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array. 问题原因：在做表单校验时候，加入了一个隐藏的<el-input>标签，并且el-input标签上绑定了v-model属性。原本想法是...

关于 Invalid prop: type check failed for prop “index“. Expected String, got Undefined

qq_36507046的博客

08-05

5495

关于 Invalid prop: type check failed for prop “index“. Expected String, got Undefined问题的解决

Vue warn]: Invalid prop: type check failed for prop "rules". Expected Object, got Array