Плагин для загрузки файла начальной загрузки

Question

Я ищу лучший плагин загрузки, и я впервые начал использовать "Fileinput Plugin Krajee", который обеспечивает перетаскивание, индикатор выполнения

JS

$("#uploadRfqItem").fileinput({
  language: "tr",
  uploadAsync: false,
  showBrowse: false,
  browseOnZoneClick: true,
  uploadUrl: "php_action/uploadRfqItem.php",
  elErrorContainer: '#kv-error-2',
  showCaption: false,
  showUpload: true,
  showCancel: false,
  overwriteInitial: false,
  uploadExtraData: function(previewId, index) {
    var data = {
      id: rfqId,
    };
    return data;
  },
}).on('filebatchpreupload', function(event, data, id, index) {
    $('.fileinput').unbind('submit').submit();
  $('#kv-success-2').html('<h4>Upload Status</h4><ul></ul>').hide();
}).on('filebatchuploadsuccess', function(event, data) {
    event.preventDefault();
    if(data.response.success==true)
    {
      toastr.success(data.response.messages);
    }
    else
    {
      toastr.warning(data.response.messages);
    }

      $("#uploadRfqItemModal").modal('hide');
      $('#uploadRfqItem').fileinput('clear');
});

uploadRfqItem.php

 <?php  
 $valid['success'] = array('success' => false, 'messages' => array());
 error_reporting(E_ALL); 
 ini_set('display_errors', 1); 
  $rfqId = $_POST['id'];
 require_once "core.php";
 $jigImage="bos";

    if ($_FILES["uploadRfqItem"]["size"] > 0 ) {
           $file_name = explode(".", $_FILES['uploadRfqItem']['name']);

                      $rfqName=($file_name[0]);
                      $rfqFileName=$rfqName;
                      $new_name = $rfqFileName . '.'. $file_name[1]; //sonuna UZANTIYI EKLİYORUZ  
                      $sizeRfq=$_FILES["uploadRfqItem"]["size"];
                      $sourcePath = $_FILES["uploadRfqItem"]["tmp_name"];
                      $targetPath = "../FileServer/RFQ/".$rfqId."/DOCUMENT/".$new_name; 
                        if(file_exists($targetPath))
                          {
                             $valid['success'] = false;
                              $valid['messages'] = "File already uploaded"; 
                          }
                          else
                          {
                              if(move_uploaded_file($sourcePath, $targetPath))
                              {  
                                $valid['success'] = false;
                                $valid['messages'] = "File  uploaded but query has problem";
                                $sql = "INSERT INTO rfq_item (rfq_id, item_path) VALUES ('$rfqId', '$targetPath')";
                                    if($connect->query($sql) === TRUE)
                                    {
                                      $valid['success'] = true;
                                      $valid['messages'] = "Successfully Added";
                                    }
                                    else
                                    {
                                      $valid['success'] = false;
                                      $valid['messages'] = "Error while adding the members";
                                    }
                              }
                          else
                          {
                            $valid['success'] = false;
                            $valid['messages'] = "File cant upload"; 
                          }
                        }//aynı dosya yoksa



}
$connect->close();
echo json_encode($valid);

?>

Я могу загрузить файл этим методом, но я не знаю, где я использую e.preventDefault в этом разделе

Я хочу изучить эту проблему. Почему при загрузке файла без страницы обновления я вижу несколько ответов. Это моя функция "on('filebatchuploadsuccess', function(event, data) ")
Загрузка файла Первый раз: один ответ (нормально или нет); Загрузка файла Второй раз: два ответа..........

см мульти ответ