时间:2021-05-26
用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>以上就是无刷新上传文件的全部内容啦,也希望大家继续支持网站~~~
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
自动刷新页面的实现方法总结: 1) 10表示间隔10秒刷新一次 2) window.location.reload(true);
ASP自动刷新页面的实现方法总结: 1) 10表示间隔10秒刷新一次 2) window.location.reload(true);
最近的项目开发中,遇到了一个多文件上传的问题,即在不刷新页面的情况下,上传多个文件至服务器。现总结分享如下:本文主要采用了基于jsp的ajax,jquery,s
1.javascript刷新页面的方法window.location.reload();使用window.open()弹出的弹出窗口,刷新父窗口window.o
javascript自动刷新页面代码,下面是一段代码实现此功能: