Изображение не загружается в каталог

Question

У меня есть возможность загружать изображения с заголовком для каждой таблицы, и может быть любое количество таблиц.

Я использую сценарий ниже, но предупреждение ('qwert') не появляется, а вместо этого предупреждает ('asdf') popsup.Any идеи?

PHP file1:

<form method='post' enctype='multipart/form-data' class='MyUploadForm'> 
        <input name='ImageFile' class='imageInput' id='imageInput' type='file'> 
        <input class='form-control dsa addcaption' name='addcaption' placeholder='Add caption' type='text' > 
        <input type='submit' class='btn-custom5' value='Upload' > 
        <button class='btn btn-custom4 imageuploading' name='imageuploading' style='visibility:hidden' value='$x' ></button>//$x will specify path 
        </form> 
        <div class='output'></div> 

AJAX:

$(document).ready(function() { 
    var options = { 
      target: '.output', // target element(s) to be updated with server response 
      beforeSubmit: beforeSubmit, // pre-submit callback 
      success:  afterSuccess, // post-submit callback 
      resetForm: true  // reset the form after successful submit 
     }; 

    $('.MyUploadForm').submit(function() { 
      $(this).ajaxSubmit(options); 
      return false; 
     }); 

}); 


function beforeSubmit(){ 
alert('qwert'); 
//code to check conditions for file type and size 
} 

PHP file2:

if(isset($_POST)) 
{ 
    //check if this is an ajax request 
    if (!isset($_SERVER['HTTP_X_REQUESTED_WITH'])){ 
     die("<script> alert('asdf')</script>"); 
    } 
} 

Answer 1

$(document).ready(function() { 

var request = $.ajax({ 
    url: $('.MyUploadForm').attr('action'), 
    type: "POST", 
    dataType: "html", 
    target: '.output', // (Not sure about this) target element(s) to be updated with server response 
    beforeSend: beforeSubmit, // pre-submit callback 
    success:  afterSuccess, // post-submit callback 
    resetForm: true  // reset the form after successful submit 
}); 

function beforeSubmit(){ 
    alert('qwert'); 
    //code to check conditions for file type and size 
} 

Будем надеяться, что я прав. Вы можете проверить jQuery.ajax API для получения дополнительной информации.

EDIT:

Я не уверен target. Возможно, вы должны установить цели в обратном вызове success.

Answer 2

Вы используете плагин. Вы действительно установили плагин this на своей странице?

Если да, то вы не можете вызвать представить событие в вашей форме или ваш ajaxSubmit никогда не будет выполняться, проверьте кнопку мыши вместо ...

Aditionally, будьте уверены, вы предоставляете функцию afterSuccess:

$(document).ready(function() { 
    var options = { 
      target: '.output', // target element(s) to be updated with server response 
      beforeSubmit: beforeSubmit, // pre-submit callback 
      success:  afterSuccess, // post-submit callback 
      resetForm: true  // reset the form after successful submit 
     }; 

    $('.btn-custom5').click(function() { 
      $(this).ajaxSubmit(options); 
      return false; 
     }); 
    function beforeSubmit(){ 
    alert('qwert'); 
    } 
    function afterSuccess(){ 
    alert('asdfg'); 
    } 
}); 

Если вы все еще получаете ошибки после этого, я предлагаю вам прочитать примеры загружаемых файлов в plugin homepage