欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

文件上传的一些验证(文件类型)

程序员文章站 2022-05-18 09:06:25
/******************************************************************************* * 验证文件后缀名是否满足条件 * * @param filePath * 文件名(可以含文件路径) * @param allowedFi ......


/*******************************************************************************
* 验证文件后缀名是否满足条件
*
* @param filePath
* 文件名(可以含文件路径)
* @param allowedFileExtensions
* 允许的文件后缀名(如:.doc,.docx,.xls)
* @returns {Boolean} true/false
*/
function checkFileExt(filePath, allowedFileExtensions) {
var extIndex = filePath.lastIndexOf(".");
if (extIndex == -1) {
return false;
}
var fileExt = filePath.substring(extIndex);
if (allowedFileExtensions.indexOf(fileExt) == -1) {
return false;
}
return true;
}
/*******************************************************************************
* 验证file选择文件类型,并回填文本框文件数量
*
* @param filePath
* 文件框的value值
* @param allowedFileExtensions
* 允许的文件后缀名(如:.doc,.docx,.xls)
* @param textId
* 需要回填的文本框id
*/
function fileInputChange(filePath, allowedFileExtensions, textId) {
if (!checkFileExt(filePath, allowedFileExtensions)) {
Modal.alert({
msg : "请上传[" + allowedFileExtensions + "]类型的文件!!"
});
$("#" + textId).val("");
return;
}
$("#" + textId).val(filePath);
var obj = $("#upLoadFile")[0].files[0];
var wuc = window.URL.createObjectURL(obj);
$("#picture").attr('src', wuc);
}
/*******************************************************************************
* 验证file选择文件类型,并回填文本框路径
*
* @param filePath
* 文件框的value值
* @param allowedFileExtensions
* 允许的文件后缀名(如:.doc,.docx,.xls)
* @param textId
* 需要回填的文本框id
*/
function multiFileInputChange(files, allowedFileExtensions, textId) {
for (var i = 0; i < files.length; i++) {
var filePath = files[i].name;
if (!checkFileExt(filePath, allowedFileExtensions)) {
Modal.alert({
msg : "请上传[" + allowedFileExtensions + "]类型的文件!!"
});
$("#" + textId).val("");
return;
}
}
$("#" + textId).val("已选择" + i + "个文件");
}