如果仅仅是上传图片到七牛云并且不需要动态改变参数的操作行为下面这个方法完全没有问题
<Upload
multiple={true}
action="https://qiniup.com" ---上传图片的七牛云地址
listType="picture-card"
fileList={pictureList}
onChange={handlePicChange}
data={qnToken} ------上传图片时候携带的验证token
accept="image/png, image/jpeg, image/jpg"
beforeUpload={beforeUpload}
customRequest={customRequest}
>
{pictureList.length >= 9 ? null : uploadButton}
</Upload>
我目前需要解决的问题,上传图片的时候需要自定义key值(也就是自定义上传到七牛云服务器上面的图片名称)
最开始的时候我用的是在upload组件的beforeUpload方法上每一次上传之前动态改变qnToken的数据状态,因为我管理数据状态使用的是dva框架,所以我每次在上传图片之后再beforeUpload钩子函数里面做一次dispatch去触发qnToken的数据状态更新,但是我最后发现,dispatch 和antd upload 组件的操作行为完全是独立且异步的,因为我整个框架过程当中没有用到async await,最后只能采用antd upload组件的自定义上传方法-customRequ