jquery上传文件的问题

帖子列表 发布于 2014/09/08 21:06
阅读 592
收藏 1

js部分


// 文件上传
        $('#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)



加载中
0
旧城的骁珖
旧城的骁珖
html/js部分 写的好好玩哦
帖子列表
帖子列表
回复 @wxg4osc : 你太厉害了
旧城的骁珖
旧城的骁珖
回复 @女同志们好 : 恰恰这应该是重点。逻辑大概是这样的。点击上传按钮。先执行完绑定的onclick函数,然后才出现文件选择框。所以第一次onclick时 文件还没有选择呢 就向服务器提交了一次。选中后的那个文件会在第二次点击时上传。以后循环这样...
帖子列表
帖子列表
这不是重点
帖子列表
帖子列表
配合semantic ui使用,为了样式
0
旧城的骁珖
旧城的骁珖
解决办法之一 函数绑定在 #uploadImg 的 onchange 事件上面
0
zerodeng
zerodeng
弱弱的问句,这个AJAX怎么把文件POST出去的?
帖子列表
帖子列表
收集form数据到formData,然后jquery的ajax方法提交数据
返回顶部
顶部