为了账号安全,请及时绑定邮箱和手机立即绑定

antd 关于上传图片组件的一个问题

antd 关于上传图片组件的一个问题

慕码人2483693 2018-10-18 14:15:13
打开一个页面,我会在didmount里面多次修改state,最后得出一个defaultFileList, 但是我这么写图片并不会放上去            <Upload              action="/upload/img"              listType="picture-card"              onPreview={this.handlePreview}              defaultFileList = {this.state.filePathList}              onRemove={this.handleRemoveImage}            >              {uploadButton}            </Upload>但是图片的list在render的时候已经打出来多次了,最后一次确实有item。然后我把defaultFileList替换为fileList之后默认的图片就能显示出来了,但是当我再次上传图片的时候,upload方法里面的参数的file的status一直为loading并且不刷新。所以最终的问题是,同样一份数据,为什么放在defaultFileList和fileList就一个不展示一个展示呢?
查看完整描述

1 回答

?
繁星淼淼

TA贡献1775条经验 获得超11个赞

          let filePathList = result.image_infos.map((obj, index) => {

              let o:any = obj;

              o.url = obj.base_url;

              o.thumbUrl = obj.base_url;

              o.status = 'done';

              o.uid = index;

              return o;

            });

貌似当自己控制fileList的时候,文件格式必须是antd指定的。当时生成文件列表时少了uid


查看完整回答
反对 回复 2018-11-22
  • 1 回答
  • 0 关注
  • 669 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信