1

我有一个问题，如果文件扩展名不正确，它会显示警报。这很好用，但问题是它不应该上传文件。为什么要上传文件，因为在下面的函数中我已经说明如果通过了 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>");
4

2 回答 2

1

问题出在您的表单 onsubmit 事件中。你应该看起来像这样：

onsubmit="return imageClickHandler(this);"

注意返回。如果不存在，则不会返回 imagehandler 函数的结果，并且不会取消提交事件。

此外，实际上在属性上使用单个 qoutes (') 并不是真正有效的 html。您可能应该将它们切换为双引号，然后使用单引号作为 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>');
于 2012-04-14T22:56:28.577 回答
0

看起来您的目标 imageuploadform 不正确

它应该是 $("#imageuploadform") 如果它是 id 或 $(".imageuploadform") 如果它是一个类

但似乎 coe 也可能有更多错误

于 2012-04-14T21:47:38.280 回答