form 上传图片不刷新
Posted cyany
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了form 上传图片不刷新相关的知识，希望对你有一定的参考价值。
<!-- /**
* @Author: cyany_blue
* @Date: 2018-12-12 21:24:54
* @Last Modified by: cyany_blue
* @Last Modified time: 2018-12-12 22:09:15
*/ -->
<!DOCTYPE html>
<html lang="en">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<body>
<form onsubmit="return false" enctype="multipart/form-data" method="post" name="fileinfo" id="form1"> //阻止默认刷新retrue false;
<input type="file" name="file[]" multiple="true"> 单文件上传file,多文件上传file[]接收
<input type="submit" value="submit" class="sumbit1">
</form>
</body>
<script>
$(function(){
$(".sumbit1").click(function(ev){
var formData = new FormData(document.querySelector("#form1"));
console.log(formData)
$.ajax({
url:‘upload.php‘,
type:‘post‘,
data:formData,
contentType: false, //很重要
processData:false,//很重要，不然会报非法错误。。。
success:function(res){
console.log(res);
}
});
// ev.preventDefault();
});
})
</script>
</html> <?php
/**
* @Author: cyany_blue
* @Date: 2018-12-12 21:20:53
* @Last Modified by: cyany_blue
* @Last Modified time: 2018-12-12 21:43:43
*/
$uploads = $_FILES["file"];
var_dump($uploads);
?>
以上是关于form 上传图片不刷新的主要内容，如果未能解决你的问题，请参考以下文章
js无刷新上传图片，服务端有生成缩略图，剪切图片，iphone图片旋转判断功能
springmvc + ajaxfileupload解决ajax不能异步上传图片的问题。java.lang.ClassCastException: org.apache.catalina.connec