Multiple Upload Component Event onChange not working #1876
Description
- I have searched the issues of this repository and believe that this is not a duplicate.
Version
1.4.12
Environment
windows, chrome, 2.6.10
Reproduction link
Steps to reproduce
<a-row :gutter="16" v-for="k in repairmentForm.getFieldValue('breakdowns')" :key="k">
<a-col :span="24">
<a-upload
name="media"
:action="formType == 'add' ? 'http://2c8bd77c.ngrok.io/v1/media/tmp' : 'http://2c8bd77c.ngrok.io/v1/media'"
:data="uploadData"
listType="picture-card"
:fileList="breakdownMedias['breakdown_media_' + k]"
:headers="uploadHeaders"
:beforeUpload="(e) => handleBeforeUpload(e, 'breakdown', k)"
@preview="handleUploaderPreview"
@change="(e) => handleUploaderChange(e, 'breakdown', k)">
<a-icon type="plus" />
<div class="ant-upload-text">Upload</div>
</a-upload>
<a-modal :visible="preview.visible" :title="preview.title" :footer="null" @cancel="handleUploaderPreviewCancel">
<img alt="example" style="width: 100%" :src="preview.image" />
</a-modal>
</a-col>
</a-row>
handleUploaderChange(info, module, key){
const self = this;
if(module == 'request'){
self.requestMedias = info.fileList;
}else{
console.log(info)
if(info.file.status == 'done'){
self.breakdownMedias['breakdown_media_' + key] = info.fileList;
}
}
}
What is expected?
The upload info.status has to be change also the uploading progress has be appeared too
What is actually happening?
No upload progress/picture list, info.status always uploading