Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upload组件缩略图展示问题 #6667

Open
5 tasks done
kiritoxjf opened this issue Jan 2, 2025 · 2 comments
Open
5 tasks done

Upload组件缩略图展示问题 #6667

kiritoxjf opened this issue Jan 2, 2025 · 2 comments
Labels
untriaged need to sort

Comments

@kiritoxjf
Copy link

Describe the bug

当前业务需求利用腾讯云COS对象存储的缩略图压缩功能,需要在图片文件URL后添加一段传参,例如?imageMogr2/format/webp,而这似乎会影响Upload组件对于文件的格式判断,导致文件缩略图无法正常展示,如下图:
image
当下暂时通过在URL后添加一段帮助识别,例如&imageMogr2/format/webp&.png

Steps to reproduce

1.开通腾讯云COS对象存储(或者其它有图片压缩的对象存储服务)
2.在Upload组件的fileList传参中,使用增加imageMogr2图片处理的url

Link to minimal reproduction

https://play.pro-components.cn/#eNrNk11v0zAUhv+K5ZuA1CRbWzEU2iGGhjQEBfFxNU+VSU5SF8e2/NEWVf3vHCdLV8S06+Uits97XunxOcd7+s6YbBOAFnTmSiuMJ5KrZp54lxAHPphLpkRrtPVkTyzU5EBqq1uSoCk5kRY/jdS8GpHFVfBeq2Oe4mIDaRAPyf6PAXT0hg9Cwo2q9f/5b5hiqtTKeVJj0ieBm3lEmP3rvL27fHHLFMFv3y+EOM99cAVJaqGEW0GVjAYpWInxlffGFXkuWt6Ay7ZcSsMNWKwBr31W6raXcidUI3FReruUoA231dJYqLjXdsnxSlwuzyfTi+mryfJ8/PpsdzE+y9amedvZP+vGjvNa25b7fAu/DFYhQhzucZ4R8EAWl7uXTM3yfh6w/3jw0BrJPeCJkJlKQ9eC3rJJW12BLGKXUoltmjM6dIzRPieG09h41DrOtESwQeVlCSbaMqOaUaSJP2gGvWj5DtXpcG6D9MJIiKcckWb5CR8dUe9wbmrRZGunFY52V2ZGsUgGuewX4wXOFaPF0ABGsZ56+7GLeRvgvvroWUH5+5H42u1ijNGvFhzYDTB61Dy3DeDVo3z9fQE73B9FrFVA8qfEb+C0DJGxT7sKqkLsk7yO9qZ7TtjuH+5650G54VIRNGb2U8YoPtX3T1z9AXeSTTsfUwd6+AuWd17A

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (16) x64 Intel(R) Core(TM) i5-14400
    Memory: 1.24 GB / 15.68 GB
  Binaries:
    Node: 23.3.0 - D:\Develop\nodejs\node.EXE
    npm: 10.9.2 - D:\Develop\nodejs\npm.CMD
    pnpm: 9.15.2 - D:\Develop\nodejs\pnpm.CMD
  Browsers:
    Edge: Chromium (131.0.2903.86)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    naive-ui: ^2.40.3 => 2.40.3
    vue: ^3.5.13 => 3.5.13

Used Package Manager

pnpm

Validations

@kiritoxjf kiritoxjf added the untriaged need to sort label Jan 2, 2025
@Zheng-Changfu
Copy link
Collaborator

你可以增加一个 name 参数来标识

@kiritoxjf
Copy link
Author

你可以增加一个 name 参数来标识

这似乎和我目前的应急处理方式同理呢,只是增加了.jpg字段来帮助图片识别

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
untriaged need to sort
Projects
None yet
Development

No branches or pull requests

2 participants