Почему он загружает изображение, когда он не должен делать?

Question

У меня проблема: если расширение файла неверно, оно отображает предупреждение. Это работает штрафы, но проблема в том, что он не должен загружать файл. Почему это загрузить файл, поскольку в функции ниже я сказал, что если передается imageValidation, а затем перейти на «startUploadImage()» функция для начала загрузки:

function imageClickHandler(imageuploadform){ 
     if(imageValidation(imageuploadform)){ 
      return startImageUpload(imageuploadform); 
     } 
     return false; 
    } 

Ниже приведен код imageValidation(), где его проверяет расширение файла:

function imageValidation(imageuploadform) { 

    var val = $(imageuploadform).find(".fileImage").val(); 
    switch(val.substring(val.lastIndexOf('.') + 1).toLowerCase()){ 
     case 'gif': 
     case 'jpg': 
     case 'jpeg': 
     case 'pjpeg': 
     case 'png': 
      return true; 

     case '': 
      $(imageuploadform).find(".fileImage").val(); 
        alert("To upload an image, please select an Image File"); 
      return false; 

     default: 
      alert("To upload an image, please select a valild file extension."); 
      return false; 

    } 

    return false; 

} 

Я не знаю, если вам нужно, чтобы увидеть функцию startImageUpload, но если вы делаете, то это также ниже:

function startImageUpload(imageuploadform){ 

    $(imageuploadform).find('.imagef1_upload_process').css('visibility','visible'); 
    $(imageuploadform).find('.imagef1_cancel').css('visibility','visible'); 
    $(imageuploadform).find('.imagef1_upload_form').css('visibility','hidden'); 
    sourceImageForm = imageuploadform; 

     return true; 
} 

Код шо крыло форма:

var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target' onsubmit='imageClickHandler(this);' class='imageuploadform' >" + 

    "Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/><label>" + 

    "<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label>" + 

    "</p><p class='imagef1_cancel' align='center'><label>" + 

    "<input type='button' name='cancelImageBtn' class='cancelimage' value='Cancel' /></label>" + 
    "</p></form>"); 

Answer 1

Проблема заключается в ваших формах события onsubmit. Вы это должно выглядеть следующим образом:

onsubmit="return imageClickHandler(this);" 

Обратите внимание на возвращение. Если этого не существует, результат функции обработчика изображения не возвращается, и событие отправки не отменяется.

Кроме того, на самом деле использование отдельных атрибутов qoutes (') на атрибутах не является действительно действительным html. Вероятно, вы должны переключить их на двойные qoutes, а затем использовать одиночные Qout как терминаторы для строк javascript. Пример:

var $fileImage = $('<form action="imageupload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="return imageClickHandler(this);" class="imageuploadform" >' + 
    'Image File: <input name="fileImage" type="file" class="fileImage" /></label><br/><label>' + 
    '<input type="submit" name="submitImageBtn" class="sbtnimage" value="Upload" /></label>' + 
    '</p><p class="imagef1_cancel" align="center"><label>' + 
    '<input type="button" name="cancelImageBtn" class="cancelimage" value="Cancel" /></label>' + 
    '</p></form>'); 

Answer 2

Похоже, ваш-мишенью imageuploadform неправильно

это должно быть $ ("# imageuploadform"), если это идентификатор или $ ("imageuploadform."), если это класс

Но, по-видимому, может быть даже больше ошибок с коэффициентом