国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript上傳文件時不用刷新頁面方法總結(推薦)

2019-11-19 15:47:55
字體:
來源:轉載
供稿:網友

用js給出一個上傳文件時不用刷新頁面的方案

 <input id="upload" type="file"/> <button id="upload-btn">upload</button> 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("上傳完畢!")  }) }

實現這么一個效果:

使用HTML+CSS實現如圖布局,border-width:5px,格子大小是50px*50px,hover時,邊框變成紅色,需要考慮語義化。

       

 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;  }  <table class="tab">  <tr>   <td>1</td>   <td>2</td>   <td>3</td>  </tr>  <tr>   <td>4</td>   <td>5</td>   <td>6</td>  </tr>  <tr>   <td>7</td>   <td>8</td>   <td>9</td>  </tr>  </table>

以上就是無刷新上傳文件的全部內容啦,也希望大家繼續支持武林網網站~~~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 射阳县| 绥芬河市| 葵青区| 扬州市| 重庆市| 姜堰市| 海口市| 汤原县| 金堂县| 淮北市| 东乌珠穆沁旗| 徐闻县| 吉林市| 桐乡市| 太原市| 高淳县| 北辰区| 阳原县| 临漳县| 保康县| 凤冈县| 武邑县| 德令哈市| 丘北县| 弋阳县| 石楼县| 应城市| 永胜县| 乾安县| 白城市| 株洲县| 乌什县| 汉沽区| 云霄县| 盐亭县| 潢川县| 永丰县| 宣武区| 宜良县| 南康市| 皮山县|