Element: [Bug Report] <el-upload :http-request="upload"> upload used ajax method " put " doesn't have the progress percent？

[SherwinChan]

Element UI version

1.4.1

OS/Browsers version

Google Chrome 59.0.3071.86

Vue version

2.4.2

Reproduction Link

https://jsfiddle.net/vqvng7xy/

Steps to reproduce

just upload by method " put ", but the progress doesn't has percent。

What is Expected?

https://github.com/ElemeFE/element/blob/dev/packages/upload/src/index.vue

on line 141

handleProgress(ev, rawFile) {
var file = this.getFile(rawFile);
this.onProgress(ev, file, this.uploadFiles);
file.status = 'uploading';
file.percentage = ev.percent || 0;
},

I want to set " this.onProgress(ev, file, this.uploadFiles); " after set file.percentage，
or set " file.percentage = ev.loaded / ev.total * 100 " ;

What is actually happening?

I set the ajax method: "put"， but the onProgress doesn't has the percent attribute。

[qingdengyue]

Use others Ajax Library ,you can check what is the problem.may be axios？

[SherwinChan]

It's not Ajax Library problem。 element use it's native ajax(https://github.com/ElemeFE/element/blob/dev/packages/upload/src/ajax.js)，in the line42，it set it's own attribute percent。 But now I use axios to put my xhr， it didn't find percent attribute so the percent attribute is also 0%。

[thandonguocmo2020]

help me !

[SherwinChan]

@thandonguocmo2020 what？

[thandonguocmo2020]

I shot xhr it has no upload process.
I put data file up by default. But the process runs 100% before processing is done on the server. Please show me how to fix it.

[SherwinChan]

@thandonguocmo2020 I use 'post' method to solve this problem。 But if you have to use 'put' method， please download the upload component，rewrite https://github.com/ElemeFE/element/blob/dev/packages/upload/src/ajax.js#L70 'post' to 'put'

[houwh]

请问，解决了吗，我也遇到了

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.