이 기사의 예에서는 js가 로컬 파일 탐색 및 확장 기능 표시를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
여기서 파일 필드를 사용하여 지정된 파일을 찾아보고 파일 확장자를 표시할 수 있습니다. 업로드된 파일 형식이 합법적인 형식인지 확인하기 위해 파일 업로드 시스템에서 사용할 수 있습니다. 그렇지 않은 경우 업로드가 허용되지 않습니다. 코드를 다시 보면 10줄도 안 되는 코드인데, 자바스크립트를 배우는 친구들도 참고할 수 있을 정도로 문제가 해결됩니다.
런닝 효과 스크린샷은 다음과 같습니다.
온라인 데모 주소는 다음과 같습니다.
http://demo.jb51.net/js/2015/js-view-nav-file-ext-codes/
구체적인 코드는 다음과 같습니다.
<html> <head> <title>取得文件字段中选取文件的扩展名</title> <script language="javascript"> <!-- function getFilename(){ str = new Array(); filename = form1.file.value; str = filename.split("."); extname = str[str.length - 1]; alert(extname); } //--> </script> </head> <body> <form enctype="multipart/form-data" name="form1"> <input type="file" name="file"> <input type="button" value="显示扩展名" onClick="getFilename()"> </form> </body> </html>
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.