鍍金池/ 問答/HTML5  PHP  HTML/ react之a(chǎn)nt design mobile如何只能上傳一張圖片

react之a(chǎn)nt design mobile如何只能上傳一張圖片

ant design mobile 上的圖片上傳，如何只顯示一個上傳選擇器啊，一用它，就出來四個啊，

補稱：`<ImagePicker

   files={files}
   onChange={this.onChange}
   onImageClick={(index, fs) => console.log(index, fs)}
   selectable={files.length < 5}
   accept="image/gif,image/jpeg,image/jpg,image/png"
    />`

圖片描述

就是我只要左邊那個帶十字架的那個，并且讓它居中，一次只能上傳一張，可預覽

求解

回答
編輯回答
溫衫

沒懂，可以貼上代碼和頁面嗎？

2018年2月10日 18:10
編輯回答
硬扛

這樣不就好了，外邊的樣式你自己搞吧
multiple={true}是說你點上傳框之后，一次性可以選一張還是多張圖，false就只能一張張的上傳

class ImagePickerExample extends React.Component {
  state = {
    files: [],
  }
  onChange = (files, type, index) => {
    console.log(files, type, index);
    this.setState({
      files,
    });
  }

  render() {
    const { files } = this.state;
    return (
      <div>
        <ImagePicker
          files={files}
          onChange={this.onChange}
          onImageClick={(index, fs) => console.log(index, fs)}
          selectable={files.length < 1}
          accept="image/gif,image/jpeg,image/jpg,image/png"
        />
      </div>
    );
  }
}

ReactDOM.render(<ImagePickerExample />, mountNode);
2017年12月22日 23:10