//form表單

<form onSubmit={this.handleSubmit.bind(this)}name="fileinfo">
  {/*accept限定圖片上傳格式，指定id，方便formData上傳時獲取file的資料*/}
  <input id="imgUrl" name="from1" type="file" accept="image/jpeg,image/x-png,image/gif"
ref="files" onChange={(e) => {
    this.judge(e.target.files[0])
  }}/>
</form>
 

//提交按鈕

<input style={{opacity: 1}}onClick={() => {
   this.addChapter(submitPath)
}}form="UpdataImg" id="Button1" type="submit" value="上傳"/>

//addChapter

addChapter(submitPath) {
  let input = document.forms['fileinfo'].from1
  let data = new FormData()
  data.append('from1', input.files[0])

  const 
 
{dispatch,query,addNotification} = this.props;
  fetch(submitPath, {
    method: "POST",
    body: data
}, dispatch(ToggLoad()))
    .then(response => response.json())
    .then(response => decode(response))
    .then(json => {

//上傳成功的的邏輯
      dispatch(ToggLoad())
    })
    .catch(err => {
      dispatch
 
(ToggLoad())
    })
}