zoukankan      html  css  js  c++  java
  • 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);
    	
    ?>
    	
    
    

  • 相关阅读:
    docker部署archery
    System系统类
    多变量的梯度下降
    matlab基础语法
    代价函数
    文件操作
    python集合关系
    python日记(四)字典的常见用法
    python日记(三)常用字符串用法
    python日记(二)购物车程序
  • 原文地址:https://www.cnblogs.com/cyany/p/10111357.html
Copyright © 2011-2022 走看看