naiveui 上传图片遇到的坑 Upload

最新推荐文章于 2024-02-28 11:56:26 发布
最新推荐文章于 2024-02-28 11:56:26 发布
阅读量1.2k 收藏 7
点赞数 5
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44892327/article/details/136068918
版权

我在开发图片上传功能, 需要手动触发上传
但是我调用它内部自定义submit方法, 结果接口一直在报错400
我反反复复的测试了好就, 确定了就是我前端的问题,因为之前一直在做后端的错误排查, 以为是编译问题(因为之前也出现过这个问题)
好 , 我把其中一个参数类型改为String类型, 因为我看到我这边有传一个null过来看我一开始的类型是Long
在这里插入图片描述
Long是包装类是可以存在null的为什么会报错400类型不对?
在这里插入图片描述

结果我debug一看,好嘛给我传一个"null" byd给我气笑了
在这里插入图片描述

长而不宰
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于naive-ui封装的一些组件库，表单、上传、表格等
12-06
基于naive-ui封装的一些组件 navie-ui-form naive-ui-upload naive-ui-table
Tp3.2上传图片Upload文件
09-29
本文将深入探讨如何解决"ThinkPHP 3.2中出现'Class 'Think\Upload' not found'错误"的问题，以及如何正确使用Upload类进行图片上传。 首先，`Class 'Think\Upload' not found` 错误通常是由于缺少了ThinkPHP框架的...
Naive UI 之 upload上传
aliceyang2012的专栏
11-11 4356
upload上传
Naive UI 图片上传，接口跨域，自定义
weixin_70243424的博客
05-28 1422
【代码】Naive UI 图片上传，接口跨域，自定义。
Naive UI 上传 Upload
最新发布
m0_73854491的博客
02-28 805
Naive ui 文件上传 避坑指南
naive UI 的upload组件自定义手动上传图片的base64位
lsjweiyi的博客
03-18 2195
网上发现还是element plus的资料比较多，其实这些组件都大同小异，记录一下方便以后使用。// 后端返回的是base64位数据，需要按下面格式显示。// 读取图片是异步方法，成功读取后会执行里面的内容。// 自定义上传图像的方法覆盖默认方法。// 点击按钮后上传到服务器的方法。// 这就是个普通字符串。
vue3 + naiveui | 实现input自定义上传图片（可拖拽）
保持清醒
02-09 1054
vue3 + naiveui | 实现input自定义上传图片（可拖拽）
VUE 实现element upload上传图片到阿里云
10-14
主要介绍了VUE 实现element upload上传图片到阿里云，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Yii+upload实现AJAX上传图片的方法
10-21
Yii 框架结合 Upload 插件实现 AJAX 图片上传是一种常见的前端与后端交互方式，它可以提供更好的用户体验，因为用户无需刷新整个页面就能完成图片上传。以下将详细讲解这一方法的具体步骤和关键技术。 首先，我们...
使用iView Upload 组件实现手动上传图片的示例代码
10-17
在本文中，我们将深入探讨如何使用iView UI库中的Upload组件来实现在前端手动上传图片的功能。iView Upload组件提供了一种优雅的方式处理文件上传，包括预览、删除和进度显示，同时也支持拖拽上传。以下是你需要了解...
基于Vue3, 使用Naive UI组件库开发的后台管理系统.zip
05-26
基于Vue3, 使用Naive UI组件库开发的后台管理系统.zip
upload上传单张图片
10-23
主要介绍了upload上传单张图片的代码，需要的朋友可以参考下。
Nuxt3+naive-ui表单和上传插件的使用，上传视频，上传图片自定义上传
qq_38661597的博客
08-18 1239
naive-ui的自定义上传，url，base64,文件流的转来转去，截取上传视频的第一帧作为封面展示给用户提示该视频是哪个视频，点击小眼睛图标预览视频
vue3+naiveui 图片文件上传封装组件
灰太狼-铜豌豆的博客
02-16 3766
vue3+naiveui 图片文件上传封装组件
vue中element-ui中el-upload上传方式使用drag拖拽上传无效
热门推荐
qq_38916157的博客
01-07 1万+
我无效的原因是加了accept（接受上传的文件类型），把accept删除掉了，拖拽上传就好用了。
Vue+UpLoad实现上传、点图预览、删除图片
好的文章我尽力写，大家的学习我尽力帮
02-19 8292
1、用vue+Element完成一个图片上传、点图预览、加删除功能，如图： 2.首先我们再组件中引入这一段代码，每个属性的使用也都放在这里了： <el-upload class="upload-demo" action=""//引号里面填要上传的图片地址，用接口的话是公共的接口地址拼接一个图片的接口 :on-preview="handlePreview"//图片已经上传完成时点击触发（钩子函数） :on-remove="handleRemove"//点击右上角X号触发的钩子函
vue+elment-ui 上传功能(自动上传与手动上传)
一只努力搬砖的打工妹纸
06-07 6708
今天主要介绍下关于el-upload的知识，并记录下在使用过程中遇到的坑，希望大家都能遇坑化吉哈哈哈哈 element-ui官网：https://element.eleme.cn/#/zh-CN/component/installation 一 自动上传（指点击文件确定后，就调用上传接口上传文件） <el-upload class="upload-demo" action="上传要调用的后端接口" :on-preview="handlePreview" :on-remove=.
Naive UI使用案例 vue3 ts 个人中心页面（1）
ccyynmb的博客
10-13 2494
但是我的是平板端的，nviewui没法兼容vw啊。所以我们不用组件，手写一个。用的是flex来让他们的位置都处于一个比较合适的地方，直接上代码。发现nviewUI官网关于这个组件介绍，不是很正经。今天的文章是关于nviewui的使用，结合案例。css有变量，是在全局变量里定义了，要自己修改。我的图片是上传到七牛云的，就不方便展示了~
Naive script setup写法上传注意
Web995的博客
02-27 1303
Naive UI上传改成script setup写法Naive UI官网写法改成script setup写法 Naive UI官网写法 <template> <n-button :disabled="!fileListLength" style="margin-bottom: 12px" @click="handleClick" > 上传文件 </n-button> <n-upload ref="upload"
NaiveUI upload
01-19
在上述代码中，`n-upload`组件是NaiveUI提供的图片上传组件，通过设置`list-type`属性为`image-card`可以以卡片形式展示上传的图片。`custom-request`属性可以指定自定义的上传请求方法，这里使用了`Upload`方法来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值