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

用射流研究…给出一个上传文件时不用刷新页面的方案

输入id='上传'类型='文件'/按钮id='上传-BTN '上传/按钮文档。getelementbyid(' upload-BTN ').onclick=function(){ var oInput=document。getelementbyid(' upload ')；var文件=Oinput。文件[0]；//选取文件var formData=new formData()；//创建表单数据对象formData.append('file '，file)；//将文件添加到表单对象中fetch({ //传输url: ' ./'，mothod:'POST '，body:formData }).然后((d)={ console.log('结果为，d)；警报('上传完毕!') }) }实现这么一个效果：

使用HTML CSS实现如图布局，边框宽度：5px，格子大小是50px*50px，悬停时，边框变成红色，需要考虑语义化。

表格{边框-塌陷：塌陷；/* 为表格设置合并边框模型*/边距：50 px文本对齐：居中；/* 设置文字居中*/}表tr { border:none}表。tab TD {宽度：50 px高度：50 pxborder:5px嵌入蓝色；}桌子。标签TD :悬停{边框：5 px纯红；光标：指针；} table class=' tab ' tr td1/TD td2/TD td3/TD/tr td4/TD td5/TD td6/TD/tr td7/TD td8/TD td9/TD/tr/table

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