js如何验证type为file的input是否为空

JavaScript0114

js如何验证type为file的input是否为空,第1张

判断input type 为file的值是否为空的方法有多种：如下讲解2种js和Jquery

1：js判断的话，直接判断input的value，如果value的长度为0，那么就空如：

<input type="file" id="file"/>

<input type="button" value="看看file是不是空" onclick="alert(file.value.length)"/>

，如果值大于0，则不为空。

2：使用Jquery的话(前提：你要导入Jquery)，如：

<input type="file" id="file"/>

<input type="button" onclick="alert($('#file').val().length)" value="click"/>

function changeValue(){

var value = $("#chuantu1").attr("value")

if(value !== null){$("#g1").attr("value",10)

}else{

$("#g1").attr("value",0)

}

}

HTML 中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。

可通过下面的方式 

html代码： js代码：

var fileId = "uploadtest"

var dom = document.getElementById(fileId)  

var fileSize =  dom.files[0].size//文件的大小，单位为字节B