最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JavaScript上传文件时不用刷新页面方法总结（推荐）
时间：2017-08-16 编辑：猪哥 来源：一聚教程网
用js给出一个上传文件时不用刷新页面的方案
document.getElementById('upload-btn').onclick =function(){
varoInput = document.getElementById('upload');
varfile = oInput.files[0]; //选取文件
varformData =newFormData();//创建表单数据对象
formData.append('file',file);//将文件添加到表单对象中
fetch({ //传输
url:'./',
mothod:'POST',
body:formData
})
.then((d)=>{
console.log('result is',d);
alert("上传完毕！")
})
}
实现这么一个效果：
使用HTML+CSS实现如图布局，border-，格子大小是50px*50px，hover时，边框变成红色，需要考虑语义化。
table{
border-collapse:collapse;/* 为表格设置合并边框模型 */
margin:50px;
text-align:center;/* 设置文字居中 */
}
table tr{
border:none;
}
table.tab td{
border:5pxinsetblue;
}
table.tab td:hover{
border:5pxsolidred;
cursor:pointer;
}
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
-
上一个： JScript实现表格的简单操作
-
下一个： 基于Ajaxupload的多文件上传操作
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28