开发者社区> 问答> 正文

jquery上传文件的问题

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

展开
收起
a123456678 2016-07-12 15:37:39 2046 0
1 条回答
写回答
取消 提交回答
  • 函数绑定在 #uploadImg 的 onchange 事件上面

    2019-07-17 19:55:04
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载