vue上传文件踩坑（上传文件参数出错更改）

最新推荐文章于 2023-09-19 15:42:06 发布
最新推荐文章于 2023-09-19 15:42:06 发布
阅读量341 收藏 1
点赞数
文章标签： 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44365083/article/details/129167438
版权

需求：需要上传excel文件和一些普通的参数

问题：本地上传好好的，但是一发版到线上就不行，file type变了上传不了。

本地：

线上：

解决：文件要和普通参数一起上传的话，需要将文件都存在formData里面

错误的参数处理

正确的参数处理

香蕉你个banana~~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue+element实现大文件上传
07-04
vue+element实现大文件上传
关于用vue写的前端代码上传到服务器上页面错乱原因
qq_40209717的博客
12-30 674
关于用vue写的前端代码上传到服务器上页面错乱原因 <style scoped> </style> style中 去掉了scoped这个局部关键字，导致传到服务器上的界面错乱
Vue使用Upload上传图片报错：TypeError: Cannot create property 'xxx' on string 'xxxx'
ThisEqualThis的博客
04-24 2554
上面说监听到fileList有错误，后来查了一下，原来上传图片所用到的fileList必须是一个对象数组[{},{}]，而我传的是一个字符串数组["",""]，只需要转换一下格式就可以了。 以下是图片上传成功uploadSuccess函数，后台给返回的是一个图片地址，然后我重新转换了一下格式： uploadSuccess(res, file, fileList) { const url = ...
关于Vue项目中使用element-ui组件的upload上传文件遇到的问题
oilpastell的博客
09-16 1285
关于Vue项目中使用element-ui组件的upload上传文件遇到的问题 1.这里的action可以自定义，写后台上传图片/文件的地址 2.上传图片/文件时默认不携带请求头，所以我们需要自己手动去添加请求头，这里的请求头要写在计算属性中 ...
VUE + WangEditor 自定义上传图片方法
文龙刚的博客
10-26 3214
VUE + WangEditor 自定义上传图片方法
关于vue框架上传组件上传图片格式正确但在不同设备提示格式不正确问题
cwzl_5203344的博客
06-20 273
vue图片上传
vue+element_ui上传文件,并传递额外参数操作
01-18
3、额外参数传输 <el-upload class=upload-demo action :limit=1 :file-list=formFileList :http-request=handleUploadForm :on-exceed=formHandleExceed :on-remove=formHandleRemove :before-upload=...
vue+springboot 大文件上传
01-23
使用springboot+vue技术，实现分片 快速上传
springboot+vue实现文件上传下载
01-18
本文实例为大家分享了springboot+vue实现文件上传下载的具体代码，供大家参考，具体内容如下 一、文件上传（基于axios的简单上传） 所使用的技术：axios、springboot、vue; 实现思路：通过h5 ：input元素标签进行...
vue中实现上传文件给后台实例详解
12-01
FormData 对象的使用： 1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成 ...以上就是本次关于vue中实现上传文件给后台的全部实例内容，感谢大家对软件开发网的支持。
vue 大文件分片上传处理
weixin_45525177的博客
12-09 878
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。
上传文件时更改选中的文件，提交报错net::ERR_UPLOAD_FILE_CHANGED
郭育培的博客
03-23 8598
如果用户已将文件更改为另一个文件，那么在没有用户明确的用户操作的情况下您不能（不应）访问该文件，否则将是安全问题。 用户上载文件时，可以将其保存在内存中。 document.getElementById('fileInput').addEventListener('change', function() { saveFileConentInMemory(this.files[0].arrayBuffer()); }); 当用户按下“发送”按钮时，只需从内存中获取此内容并发送即可 button.add
vue之vant的h5项目在使用上传图片功能时--ios失败问题
weixin_43932464的博客
08-14 1212
vue之vant的h5项目在使用上传图片功能时–ios失败问题；如有问题欢迎批评改正。
vue =＞ 文件上传失败问题 file传送失败
Write less，do more
03-30 1168
问题：传xlsx文件失败，传不过去 1.问题分析 我传之前能打印出data.file 2.为什么打印的时候只有uid：xxxxxne 这个时候，我们要仔细看下我们的参数名称，headers里面的参数，会发现，需要form-data!!!的type才能传过去 失败情况 code:uid：xxxxxne 这样才是传成功的form Data 是个file:(binary) ...
Vue上传文件注意事项
最新发布
qq_46005282的博客
09-19 68
在模板中，使用Element-ui。
Vue3.0上传文件无法上传同一文件的问题(小坑)
AzeShinja的博客
07-14 583
因为以前刚学Vue2， 然后项目有需求要用Vue3 所以有很多坑都会踩一下 在vue2 的ref绑定中， 需要将 this.$refs.inputFiles.value = null; 上传的文件路径值赋空值就可以再上传相同文件了 但是在vue3的 const inputFiles = ref(null); inputFiles.value = null; // 这里的value拿到的是标签 这里的value拿到的是标签， 显而易见他仍然无法上传相同文件， 所以我们需要再.value才能拿到文件的路.
在ios不同版本下vue2.0浏览上传和拍照上传图片压缩兼容问题
qq_40181987的博客
12-08 2462
最近在更新迭代之前做的web版项目，在手机端测试上头像和上传附件为图片格式的过程中，发现在ios不同版本的上传图片的功能实现效果不同。比如：ios13版本上传图片就可以正常上传，但是ios2、ios14、ios15浏览上传和拍照上传图片就无法成功上传（因为测试机型只有这几个版本就只测了这几个版本），让后台断点查看是的问题是接口是正常请求的但是进接口却拿不到文件内容，上传文件内容是空的，当时真的是被这个兼容性给难住了，一直在百度找方法，改代码，起初是看网上说的是header配置不对。 我改的第一种方式： 经过
vue之 上传 excel文件
weixin_47409897的博客
06-09 2987
一个上传 excel的文件功能
Vue文件上传问题合集
aduocd的博客
12-02 1221
目录 1.背景 2.环境 3.问题集 1）文件上传完成后，文件名的回显 2）文件上传完成前的加载状态 3）文件上传作为必填项 1.背景 在使用Vue+ElementUI进行前端工程开发中，遇到一些文件上传的问题，包括上传、回显、等待等。这里做一些记录，方便以后查看 2.环境 npm 6.14.12 vue-admin-template 4.4.0 axios 0.18.1 element-ui 2.13.2 3.问题集 1）文件上传完成后，文件名
Vue上传文件时携带一个参数传入后端
05-26
可以使用 FormData 对象来实现上传文件时携带参数传入后端。具体实现步骤如下： 1. 创建一个 FormData 对象，并向其中添加上传文件和参数。 ```js const formData = new FormData() formData.append('file', file)...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值