upload component not work when img url has some params, example: show from aliyun oss

[didmehh]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.3.1

Environment

chrome 65.0

Reproduction link

• first
  

• second codebox reproduce

Steps to reproduce

i got example from here, then add some params to url. not work.

What is expected?

show image

What is actually happening?

not show

[ant-design-bot]

Hello @didmehh. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

[didmehh]

i had provide another example for this issue.
then, i had resolve this issue by FileReader.
ps: i think the first link was clearly re-display for this issue. so, why need to reproduce again?
thanks.

[afc163]

Did you mean the image url "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?time=20180417" will not display image correctly?

[didmehh]

yep

[xiaoxiaosaohuo]

I update antd to 3.4.1 ,but this problem is still exist .I check the node_modules of antd, the source code is not update.

[didmehh]

hi guys, my antd version still at 3.3.1.
i had resolve it by parse remote img to base64.
for example:

function base64Url(url, callback) {
  let xhr = new XMLHttpRequest();
  xhr.onload = function() {
    let reader = new FileReader();
    reader.onloadend = function() {
      callback(reader.result);
    }
    reader.readAsDataURL(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
}

const url = 'http://img15.3lian.com/2015/f1/38/d/41.jpg'
base64Url(url, (result) => {
    console.log("result base64 url was", result)
})