I'm trying to save 2 images the first image saves but the 2nd image doesn't and I can't seem to see why. I'm using laravel 4
my admin.js
$(document).ready(function(){
$(".add-form").submit(function(event){
$(this).find(".testing").each(function(){
var image = [];
$(this).parent().find(".ajax-file-upload-statusbar").each(function() {
image.push($.trim($(this).find(".ajax-file-upload-filename").html()));
});
$(this).parent().find(".img-hidden").val(JSON.stringify(image));
});
$(this).find(".testing2").each(function(){
var image2 = [];
$(this).parent().find(".ajax-file-upload-statusbar").each(function() {
image2.push($.trim($(this).find(".ajax-file-upload-filename").html()));
});
$(this).parent().find(".img-hidden").val(JSON.stringify(image2));
});
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
dataType: 'json',
encode : true,
});
});
$(document).on('click', ".ajax-file-upload-statusbar .close", function(){
$(this).parents('.ajax-file-upload-statusbar:first').remove();
});
});
Here is my create.blade.php
@extends('templates::admin')
@section('content')
{{ HTML::script('js/admin/admin.js') }}
<script type="text/javascript"> var settings = { url: '{{ asset("upload/upload.php") }}', dragDrop:true, multiple : false, showFileCounter:false, showDone: false, fileName: "myfile", allowedTypes:"jpg,png,gif,pdf", returnType:"json", showDelete:true, } </script>
<div class="row">
<div class="col-lg-12">
{{ Form::open(array('route' => 'admin.portfolio.store', 'class' => 'add-form')) }}
<div class="form">
<div class="title_input">
<div>
{{ Form::label('title', 'Title') }}
</div>
<div>
{{ Form::text('title','', array('id' => 'title', "class" => "form-control")) }}
</div>
</div>
<div class="content_input">
<div>
{{ Form::label('content', 'Content') }}
</div>
<div>
{{ Form::textarea('content') }}
</div>
</div>
<div class="image_uploader">
<div id="fileuploader" class="testing">Upload</div>
<script> var uploadObj = $("#fileuploader").uploadFile(settings); </script>
{{ Form::hidden('image', '', array('id' => 'img-add', 'class' => 'img-hidden')) }}
</div>
<div class="image_uploader">
<div id="fileuploader2" class="testing2">Upload 2</div>
<script> var uploadObj = $("#fileuploader2").uploadFile(settings); </script>
{{ Form::hidden('image2', '', array('id' => 'img-add', 'class' => 'img-hidden')) }}
</div>
<div class="submit_button">
{{ Form::submit('Submit', array("class" => "btn btn-info submit", "role" => "button")) }}
</div>
</div>
{{ Form::close() }}
</div>
</div>
@stop
my store function in my PortfolioController
public function store() {
$input = Input::all();
$validation = Validator::make($input, Portfolio::$rules);
if($validation->fails()){
return Redirect::route('portfolio::portfolio.index')
->withInput()
->withErrors($validation)
->with('message', 'There were validation errors');
}
if($validation->passes()){
Portfolio::create($input);
$portfolios = Portfolio::all();
return View::make('portfolio::portfolio.index', compact('portfolios'));
}
}