点击图片 jquery ajax上传文件

<form id="form" action="" method="post">
            <input name="image" id="file" type="file" style="display:none" />
            <!-- 头像 -->
            <label for="file" class="img1">
                <div class="avator">
                    <img src="./img/default_home.png" />
                </div>
            </label>
        </form>

<form id="form" action="" method="post"> <input name="image" id="file" type="file" style="display:none" /> <!-- 头像 --> <label for="file" class="img1"> <div class="avator"> <img src="./img/default_home.png" /> </div> </label> </form>

         var that=$("#form-user-add");  //获取表单DOM
                    var formData = new FormData(that[0]);
                   	$.ajax({
                    type: 'POST',
                    url: "{:url('User/add')}",   // ajax请求地址
                    dataType: 'json',
                    data:formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success: function(data){  
 
                    },
                    error:function(data) {
                          console.log(data.msg);
                    }
                    });

var that=$("#form-user-add"); //获取表单DOM var formData = new FormData(that[0]); $.ajax({ type: 'POST', url: "{:url('User/add')}", // ajax请求地址 dataType: 'json', data:formData, cache: false, processData: false, contentType: false, success: function(data){ }, error:function(data) { console.log(data.msg); } });