hu

ajax-----------------------------------------------------------------------
$('#frmid').on('submit', function(event){
        event.preventDefault();
        var me = $(this);

        $.ajax({
            url: me.attr('action'),
            type: 'post',
            data : me.serialize(),
            processData:false,
            contentType:false,

            dataType:'json',
            success: function(response){
                if (response.success == true) {
                    alert(response.ok);
                }else{
                    alert(response.image_file);
                    $.each(response.messages, function(key, value){
                        var element = $('#' + key);
                        $(element).closest('.form-control')
                        .removeClass('is-invalid')
                        .addClass(value.length > 0 ? 'is-invalid' : 'is-valid')
                        .find('.text-danger')
                        .remove();

                        $(element).closest('.row').find('.text-danger').remove();
                        $(element).after(value);
                    });
                }
            },
            error : function(response){

            }
        });
    });


controller-------------------------------------------------------
public function edit()
    {

        $this->_rules();
        if ($this->form_validation->run()) {
            $this->load->library("upload");
            $this->upload->initialize(array(
                "upload_path" => './uploads/',
                'allowed_types' => 'gif|jpg|png|doc|txt',
                "overwrite" => FALSE,
                "max_filename" => 300,
                "encrypt_name" => TRUE,
            ));
            $successful = $this->upload->do_upload('GbrDesain');
            if($successful)
            {
                $data['success'] = true;
                $xx= $this->upload->data();
                $data['ok'] = $xx['file_name'];
                echo json_encode($data);
            }
        }else{
            $data['success'] = false;
            foreach ($_POST as $key => $value) {
                $data['messages'][$key]= form_error($key);
            }
            echo json_encode($data);
        }

    }

modal--------------------------------------------------------------------------------------------------------
<div class="modal fade" id="newMenuModal" tabindex="-1" role="dialog" aria-labelledby="newMenuModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="newMenuModalLabel">Tambah Data Desain</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <?= form_open_multipart('Design', ['id' => 'frmid']);?>
        <div class="modal-body">
          <div class="form-group row">
            <label for="KdDesain" class="col-sm-2 col-form-label" id="lblKdDesain">Kode Desain</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="KdDesain" name="KdDesain">
            </div>
          </div>
          <div class="form-group row">
            <label for="KdPola" class="col-sm-2 col-form-label" id="lblKdPola">Kode Pola</label>
            <div class="col-sm-10">
              <select name="KdPola" id="KdPola" class="form-control" name="KdPola">
                <option value="">Select Menu</option>
                <?php foreach ($pola as $p) :?>
                  <option value="<?= $p['KdPola'] ?>"><?= $p['KdPola']; ?></option>
                <?php endforeach; ?>
              </select>
            </div>
          </div>
          <div class="form-group row">
            <div class="col-sm-10">
              <div class="row x">
                <div class="col-sm-3">
                  <img src="" id="gambarcu" class="img-thumbnail">
                </div>
                <div class="col-sm-9">
                  <div class="custom-file">
                    <input type="file" class="form-control" id="GbrDesain" name="GbrDesainxx">
                    <label class="custom-file-label" for="GbrDesain">Masukan Gambar</label>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success kirim">Tambah</button>
        </div>
      </form>
    </div>
  </div>
</div>