el-upload组件问题 已解决

这篇具有很好参考价值的文章主要介绍了el-upload组件问题 已解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前两天我写了一个上传下载功能 使用<el-upload>组件

当后端将文件流格式数据发送到响应里面前端屈接受的时候 ,我们使用 <el-upload> 组件里面的 :on-success 方法进行捕捉,使用blob进行文件下载

文件可以正常下载下来 但是打开文件损坏

el-upload组件问题 已解决

 文章来源地址https://www.toymoban.com/news/detail-434856.html

我去网上寻找答案, 但大多都是说 请求头 或者 响应头没有添加 配置

检查了一遍发现前后端代码都没有太大问题,我开始怀疑时组件本身可能在接受后台传输数据时对文件流格式进行了处理 导致我所接受到的文件流本质上被它做了修改

后边我就去csdn里面的chargpt进行提问 下面如图

el-upload组件问题 已解决

el-upload组件问题 已解决

el-upload组件问题 已解决

 根据上述回答结合我的问题,判断:on-success 函数对数据进行了处理

但是按情况应该时将数据处理为文件流格式 下载的文件应该也没有错误才对,但是就是出现了错我

后续进行了修改 后端在去开了以接口单独去下载

另一种修改 前端可以自己写一个文件上传 不使用 el-upload 可以尝试一下

附图 

返回文件流

el-upload组件问题 已解决

 

到了这里,关于el-upload组件问题 已解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue Element ui上传组件el-upload封装

    注释: 1. limit 可上传图片数量 2. lableName 当前组件name,用于一个页面多次使用上传组件,对数据进行区分 3. upload 上传图片发生变化触发,返回已上传图片的信息 4. imgUrl 默认图片

    2024年02月11日
    浏览(63)
  • 【前端相关】elementui使用el-upload组件实现自定义上传

    elmentui 中的upload默认的提交行为是通过 action 属性中输入的 url 链接,提交到指定的服务器上。但是这种url提交文件的方式,在实际的项目环境中往往是不可取的。 我们的服务器会拦截所有的请求,进行权限控制,密钥检查,请求头分析等安全行为控制。写在这里的url无法实

    2024年02月08日
    浏览(61)
  • elementUI 的上传组件<el-upload>,自定义上传按钮样式

    原理:调用el-upload组件的方法唤起选择文件事件 效果: 页面代码: js代码:(其他逻辑与element文档的上使用一致) css代码: 隐藏原来的选择图片按钮 原理:把图片显示分离出来,el-upload做选择图片使用,单独做一个显示图片的区域 效果:  页面代码: js 代码: css代码:

    2024年02月13日
    浏览(42)
  • el-upload组件的文件回显功能和添加文件到elupload组件

            省流: 先获取这个文件对象,使用handleStart方法添加到组件。         在开发的时候遇到表单里需要上传图片的功能。看了下el-upload组件的使用方法,在修改表单的时候,el-upload组件的回显遇到了麻烦: 过程:         根据一开始的理解,按照其他教程的方

    2023年04月20日
    浏览(51)
  • element UI el-upload组件实现视频文件上传视频回显

    项目中需要提供一个视频介绍,使用Vue+Element UI中的el-upload组件实现视频上传及进度条展示,后台提供视频上传API并返回URL, 百度找了一番后最终实现了。 HTML JS data css 成功后的截图  

    2024年02月06日
    浏览(58)
  • el-upload 组件上传/移除/报错/预览文件,预览图片、pdf 等功能

    dialog.vue @/styles/dialog-style.scss

    2024年02月06日
    浏览(81)
  • 在el-dialog编辑界面el-upload跳动问题

    el-dialog中有子组件el-upload,并且做了只能显示一个文件的限制 这是因为之前打开的dialog中,文件仍旧在,新一次的打开的文件把上一次顶掉了,所以产生跳动。 解决方案: 在dialog中绑定关闭事件,清空el-upload的文件列表。 因为动画效果增加了height,导致el-dialog的滚动条出现

    2024年02月02日
    浏览(32)
  • vue+elementui中el-upload组件上传文件时,修改文件名,不用FormData

    今天在开发的时候,后端突然提了一个需求,因为特殊的文件上传不进文件服务器,所以后端问我能不能上传的时候给加个扩展名,本着只要逻辑没问题,都可以通过代码实现的理念,我说:“可以“”,于是乎有了这篇文章。 首先是去element官网逛了逛,发现也没有提供修

    2024年02月06日
    浏览(48)
  • 【前端学习记录】vue中使用el-upload组件时,上传文件进度条没有实时更新

    问题背景 今天在项目中遇到一个问题,使用el-upload组件时,上传文件进度条没有实时更新,需要手动点击一下才会更新。 原理及可尝试方案 el-upload 组件默认的进度条是通过 Ajax 请求上传文件,并且进度条通过监听 xhr.upload 的 progress 事件来实时更新。但是,有些浏览器在处

    2024年02月01日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包