JavaScript上传文件时不用刷新页面方法总结（推荐）
用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>
以上就是无刷新上传文件的全部内容啦，也希望大家继续支持小牛知识库网站~~~
-
本文向大家介绍不刷新网页就能链接新的js文件方法总结，包括了不刷新网页就能链接新的js文件方法总结的使用技巧和注意事项，需要的朋友参考一下 如何不刷新网页就能链接新的js文件，其实在HTML语言中已经有相关的函数了，就是再添加一个<script src=.....></script>。 函数很简单，叫document.body.appendChild(script); 使用方法如下 这是cs.JS
-
本文向大家介绍javascript刷新父页面的各种方法汇总，包括了javascript刷新父页面的各种方法汇总的使用技巧和注意事项，需要的朋友参考一下 用iframe、弹出子页面刷新父页面iframe 弹出子页面 子窗口刷新父窗口 刷新以open()方法打开的窗口 刷新以winodw.showModelDialog()方法打开的窗口
-
本文向大家介绍ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法，包括了ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法。分享给大家供大家参考。具体实现方法分析如下： 首先，AjaxFileUploader插件是一
-
本文向大家介绍Java读写文件方法总结(推荐)，包括了Java读写文件方法总结(推荐)的使用技巧和注意事项，需要的朋友参考一下 Java的读写文件方法在工作中相信有很多的用处的，本人在之前包括现在都在使用Java的读写文件方法来处理数据方面的输入输出，确实很方便。奈何我的记性实在是叫人着急，很多时候既然都会想不起来怎么写了，不过我的Java代码量也实在是少的可怜，所以应该多多练习。这里做一个总结，
-
本文向大家介绍Javascript刷新窗口方法小结，包括了Javascript刷新窗口方法小结的使用技巧和注意事项，需要的朋友参考一下 本文实例总结了Javascript刷新窗口方法。分享给大家供大家参考，具体如下： 1.javascript 刷新父窗口 2.javascript 刷新本窗口 3.javascript 刷新本窗口（新） 4.javascript 刷新本窗口并追加一个参数 希望本文所
-
问题内容： 问题描述：我想使用JSP创建文件上传屏幕。屏幕将允许用户在屏幕上选择多个文件，但所有文件只有一个“上传”按钮。单击上载按钮后，应在Action类中获取所有文件对象。 但是重要的是页面提交后不应刷新。在同一屏幕上还会显示其他信息，在文件上传过程中不应更改这些信息。 我的尝试：我使用了简单的struts2文件上传功能，效果很好。但是它正在刷新提交页面。我使用AJAX（JQuery）来解决此