input file accept image
<input type="file" name="myImage" accept="image/png, image/gif, image/jpeg" />
<input type="file" name="myImage" accept="image/*" />input file accept image
<input type="file" name="myImage" accept="image/png, image/gif, image/jpeg" />
<input type="file" name="myImage" accept="image/*" />javascript - get the filename and extension from input type=file
//Use lastIndexOf to get the last \ as an index and use substr to get the remaining string starting from the last index of \
function getFile(filePath) {
return filePath.substr(filePath.lastIndexOf('\\') + 1).split('.')[0];
}
function getoutput() {
outputfile.value = getFile(inputfile.value);
extension.value = inputfile.value.split('.')[1];
}
<input id='inputfile' type='file' name='inputfile' onChange='getoutput()'><br>
Output Filename <input id='outputfile' type='text' name='outputfile'><br>
Extension <input id='extension' type='text' name='extension'>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
