antd:upload图片上传时发现背景透明的图片上传后背景会变黑

排查出来是因为只有png格式支持透明,但是上传png格式图片时都被处理成jpg格式了,下面是问题代码:

转二进制的时候强制设为了jpg格式

找到了问题,但是如果直接用canvas.toDataURL().split(',')的话会默认使用png格式,上传jpg也会变成png,我们的目标是使用图片原来的格式

beforeUpload = file => {
    ...
    this.fileType = file.type
}
_dataURLtoBlob = canvas => {
    let arr = canvas.toDataURL(this.fileType).split(',')
    ...
}

所以我们在beforeUpload的时候保存图片格式,在转二进制的时候使用图片原格式即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值