用js给出一个上传文件时不用刷新页面的方案
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时，边框变成红色，需要考虑语义化。
