小编use*_*106的帖子

如何在客户端验证文件输入(Javascript)

我有一个存储在javascript变量中的表单:

var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target' onsubmit='startImageUpload(this);' class='imageuploadform' >" + 
"<label> Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/>" +
"<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label></form>
Run Code Online (Sandbox Code Playgroud)

现在您可以看到用户点击提交按钮的时间,它会提交到'startImageUpload'功能,如下所示:

function startImageUpload(imageuploadform){
  $(imageuploadform).find('.imagef1_upload_process').css('visibility','visible');
  $(imageuploadform).find('.imagef1_upload_form').css('visibility','hidden');
  sourceImageForm = imageuploadform;
      return true;
}
Run Code Online (Sandbox Code Playgroud)

它的作用是当用户点击提交时,它会显示一个加载栏并上传表单.

现在我的问题是我想要执行一个简单的javascript验证,当用户点击表单中的提交按钮时,它将检查文件是'png'还是'gif'文件类型.如果文件类型正确,则显示加载栏并上传表单.如果文件类型不正确,则显示警告,说明文件类型不正确,但不显示加载栏,也不上传表单.

有谁知道如何编码.这样我就可以使用你的一个答案中的例子,然后对其进行扩展,并使用javascript来验证更多的文件类型和文件大小,这样如果有人可以帮助我,将会非常有帮助.

谢谢

javascript validation jquery

6
推荐指数
1
解决办法
1万
查看次数

如何在下面定义事件

我有一个函数,它不允许用户在文本框中键入字母,但它一直说事件是未定义的.我想在哪里以及如何定义事件?

以下是功能:

function isNumberKey(evt)
  {
     var charCode = (evt.which) ? evt.which : event.keyCode
     if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;

     return true;
  }
Run Code Online (Sandbox Code Playgroud)

下面是可以使用它的html:

onkeypress="return isNumberKey(event)"
Run Code Online (Sandbox Code Playgroud)

javascript jquery

0
推荐指数
1
解决办法
1222
查看次数

标签 统计

javascript ×2

jquery ×2

validation ×1