Html限制文件上传格式

Html限制文件上传格式

经常在网页的上传文件时要进行文件格式的限制,一方面是业务的原因,另一方面安全性也是重要因素. 不多说,直接上代码.

Html代码:

<html:file property="uploadFile" styleClass="upload" size ="40" onchange="checkFileExtension(this);"/>

 或者

<input type="file" id="file" onchange="checkFileExtension(this);" />

 Javascript代码:

function checkFileExtension(file) {
    var validExtensions = new Array(".xlsx", ".xls");
    var fileExtension = file.value;
    fileExtension = fileExtension.substring(fileExtension.lastIndexOf('.'));
    if (validExtensions.indexOf(fileExtension) < 0) {
      // Alert massage to user.
      alert("Only " + validExtensions.toString() + " types are allowed.");
      // Clean file info.
      file.value = "";
      return false;
    } else {
    	return true;
    }
}