javascript 中的文件名验证上传

Question

I want to restrict the user to upload a filename that contain letters, special characters and space.

I would like to only allow numbers 0,1,2,3,4,5,6,7,8,9 and with a maximum of 11 numbers.

Example: 54874563101.png

An upload button solution in javascript will be perfect

Can someone help? Thank you

 <button type="button" onclick="upload()" value="upload" id="buttonUpload">Upload</button>

Answer 1

You can check the file name length and then use regex to ensure only digits are provided within the name.

 $("#file-upload").submit((e) => { e.preventDefault(); const fileName = $("#file-upload").val(); if (fileName.length > 11) { alert("File name must be 11 or less characters;"); return. } if (;(/^\d+$/.test(fileName))) { alert("Only digits are allowed in the file name;"); } // Validated. });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="file-upload"> <input type="file" id="file-upload" /> <button type="submit">Submit</button> </form>

The regex expression /^\d+$/ checks to see if the value only contains digits.

• ^ Assets position at the start
• \d Matches digit characters from [0-9]
• + Matches the previous token until the end of the string
• $ Assets position to the end