ant design (antd) Upload 点击上传图片反应过慢

每次点击上传的时候,要等半年,才能出来选择文件框,有的时候,还会出来俩次,比较恶心,其实是电脑去本地搜索文件啥的,过滤的时间


const props = {
    action: this.state.action,
    fileList: fileList,
    data: {
        appid: appid,
        secret: secret,
    },
    headers: {'X-Requested-With': null},
    // accept: "image/*",
    accept: "image/jpg,image/jpeg,image/png,image/bmp",
    onChange: this.handleChange,
    beforeUpload: this.beforeUpload,
    onPreview: this.handlePreview,
    listType: "picture-card",
};


<Upload {...props}>
    {fileList.length >= this.state.length ? null : uploadButton}
</Upload>

注意点:

  • 重要的是上面注释掉的:accept:想象一下,你如果给电脑很多筛选条件的话自然就慢了,image/*代表了全部的图片文件,如果可能的话,尽量少写两个。速度自然就快了。
  • 不过第一次好像还是会慢点的,不过不会像以前一样,每次都要等。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值