HTML
<form>
<input type="file" onchange="return validateSize()" id="uploadFile" accept="image/*">
<button type="submit">Send</button>
</form>
JavaScript
function validateSize() {
const file = document.querySelector('#uploadFile');
const file_name = file.value;
const extension = file_name.split('.').pop().toLowerCase();
const size = file.files[0].size;
const allowedFormats = ["jpg", "jpeg"];
if (((size/1024)/1024) > 4) {
// works perfect
alert("Please optimize your image to maximum 4MB!");
file.value = "";
return false;
}
else if (!(allowedFormats.indexOf(extension) > -1)) {
// works perfect
alert("Please save your image in JPG format!");
file.value = "";
return false;
}
else if ((/^[a-z0-9\s\,\.\-\_]{5,50}\.(?:jpg|jpeg)$/i.test(file_name)) == false) {
// this IS NOT working
alert("Filename can have only letters (a-z), numbers, spaces, dots, '-' and '_'!");
file.value = "";
return false;
}
}
大小验证起作用。
扩展验证起作用。
文件名验证不起作用。
我希望有这个正则表达式条件:
/^[a-z0-9\s\,\.\-\_]{5,50}\.(?:jpg|jpeg)$/i
如果文件名具有正则表达式中未包含的其他字符,则返回警报。
谢谢!
PS:你可以在https://jsfiddle.net/jacob19/a3fLog6r/5/测试代码,看看你是否能找到解决方案。
https://stackoverflow.com/questions/51911636
复制相似问题