JavaScript上传文件时不用刷新页面方法总结（推荐）

 
 upload
 document.getElementById('upload-btn').Onclick= function(){ 
  var oInput = document.getElementById('upload'); 
  var file = oInput.files[0];  //选取文件
  var formData = new FormData(); //创建表单数据对象
  formData.append('file',file); //将文件添加到表单对象中
  fetch({       //传输
   url:'./',
   mothod:'POST',
   body:formData 
  }) 
  .then((d)=>{
  console.log('result is',d);
  alert("上传完毕！")
  })
 }

 table{
   border-collapse:collapse; /* 为表格设置合并边框模型 */
   margin:50px;
   text-align:center; /* 设置文字居中 */
  } 
  table tr{
   border:none;
  } 
  table.tab td{
   width:50px;
   height:50px;
   border:5px inset blue;
  } 
  table.tab td:hover{
   border:5px solid red;
   cursor: pointer;
  }
  

  

   
1
   
2
   
3
  
  

   
4
   
5
   
6
  
  

   
7
   
8
   
9
  
  

以上就是无刷新上传文件的全部内容啦，也希望大家继续支持网站~~~