// 文件上传
$('#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)
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。