>웹 프론트엔드 >JS 튜토리얼 >로컬 파일을 탐색하고 Extensions_javascript 기술을 표시하는 Node.js 메소드

로컬 파일을 탐색하고 Extensions_javascript 기술을 표시하는 Node.js 메소드

WBOY
WBOY원래의
2016-05-16 15:44:351207검색

이 기사의 예에서는 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 프로그래밍 설계에 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.