开发者社区> 问答> 正文

jquery上传文件的问题

a123456678 2016-07-12 15:37:39 848
// 文件上传
        $('#uploadButton').click(function(){
            $('#uploadImg').trigger('click');
            return false;
        });
 
     
        $('#uploadImg').click(function(){
            var formData = new FormData($('#createVFlipForm')[0]);
            console.log(formData);
            $.ajax({
                url: "{{ URL::route('imageUpload') }}",
                type: 'POST',
                success: function(){
                    alert('done');
                },
 
                data: formData,
 
                cache: false,
                contentType: false,
                processData: false
            });
        });
html部分

<form method="post" action="" name="form" id="createVFlipForm" enctype="multipart/form-data">
    <a type="file" class="ui green small button" id="uploadButton">
        <i class="photos basic icon"></i>上传图片 
    </a>
    <input type="file" name="uploadImg" id="uploadImg" style="visibility:hidden;" />
</form>
php部分(控制器方法)

public function imageUpload() {
    if (Input::hasFile('uploadImg')) {
        Image::make(Input::file('photo'))->resize(300, 200)->save('D:\xampp\htdocs\public\flicaldemo\images\xxx.jpg');
    }
    
}

现在问题是,每次上传,都成功,但是真正上传上去的是前一次上传的图片。即,第一次传了a.jpg,第二次传了b.jpg,第三次传了c.jpg,第二次传了后到服务器看是a.jpg,第三次传了后到服务器看是b.jpg

基于:laravel + jquery + semantic ui + Intervention Image(http://image.intervention.io/use/uploads)

JavaScript 前端开发 PHP
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:55:04

    函数绑定在 #uploadImg 的 onchange 事件上面

    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程