Tengo varios campos de entrada y quiero que cada campo de entrada cargue la imagen en una columna separada en la base de datos usando ajax. En el siguiente código, tengo 8 campos de entrada "tipo: archivo". También en la base de datos, tengo 8 columnas. Así que quiero que cada campo de entrada cargue la imagen en una sola columna separada.

 <form method="POST" enctype="multipart/form-data" id="proj_form"> <div class="form-group"> <label for="proj_header_img">Project Header Image*</label> <input type="file" class="form-control" name="proj_header_img" id="proj_header_img"> </div> <div class="form-group"> <label for="proj_card_image">Project Card Image*</label> <input type="file" class="form-control" name="proj_card_image" id="proj_card_image"> </div> <div class="form-group"> <label for="proj_mini_img1">Project Mini Image #1</label> <input type="file" class="form-control" name="proj_mini_img1" id="proj_mini_img1"> </div> <div class="form-group"> <label for="proj_mini_img2">Project Mini Image #2</label> <input type="file" class="form-control" name="proj_mini_img2" id="proj_mini_img2"> </div> <div class="form-group"> <label for="proj_img1">Project Image #1</label> <input type="file" class="form-control" name="proj_img1" id="proj_img1"> </div> <div class="form-group"> <label for="proj_img2">Project Image #2</label> <input type="file" class="form-control" name="proj_img2" id="proj_img2"> </div> <div class="form-group"> <label for="proj_img3">Project Image #3</label> <input type="file" class="form-control" name="proj_img3" id="proj_img3"> </div> <div class="form-group"> <label for="proj_img4">Project Image #4</label> <input type="file" class="form-control" name="proj_img4" id="proj_img4"> </div> <button type="submit" class="btn btn-default">Insert Project</button> </form>