HTML 찾아보기 단추를 사용하여 이미지 만 필터링하고 표시하려면 어떻게합니까?

Question

HTML 페이지에서 INPUT 태그를 사용하면 이미지 파일 만 필터링하는 찾아보기 단추를 클릭 할 때 어떻게 가져올 수 있습니까? 보너스 포인트는 .bmp 파일을 포함 할 수 있습니다.

Answer 1

accept 속성을 사용하면 허용 할 MIME 유형을 나열합니다.

<form action="form_action.asp" accept="image/gif, image/jpeg"> 
    First name: <input type="text" name="fname" /><br /> 
    Last name: <input type="text" name="lname" /><br /> 
    Your image: <input type="file" name="pic" id="pic" /><br /> 
    <input type="submit" value="Submit" /> 
</form> 

취지 : here.

Answer 2

이론상으로, accept attribute.

실제로는 할 수 없습니다.

저는 플래시를 사용하려는 대부분의 사람들이 믿습니다.

Answer 3

입력 태그에 "accept"속성을 사용하십시오.

예컨대 :

<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /> 

편집 : 추가 읽기에, 그것은이 제대로 모든 주요 브라우저에서 지원되지 않고 있으므로 사용해서는 안 보인다. 대신 일종의 서버 측 또는 JavaScript 유효성 검사를 사용해야하는 것처럼 보입니다.

Answer 4

당신이 말하는 바는 불행히도 어떤 브라우저에서도 지원되지 않는 accept attribute입니다.

Answer 5

HTML <form> 요소의 accept 속성은이를위한 것이지만,이 선택적 속성은 거의 모든 웹 브라우저에서 무시됩니다. 대답은 Flash 또는 Java Applet입니다. 둘 다 제 3 자 프로그램이 존재합니다. 예 : Uploadify, SWFUpload 및 JumpLoader. Uploadify가 추천합니다.

Answer 6

기발한, 당신과 같이 올바른 MIME 타입으로 "동의 함"속성을 사용한다 :

<input type="file" name="pic" id="pic" accept="image/bmp" /> 

는 슬프게도,이 현재 어떤 브라우저에서 지원되지 않습니다. 그러나 나중에 자바 스크립트를 사용하여 파일의 유효성을 검사 할 수 있습니다. 다음은 코드와 관련된 유용한 링크입니다. http://www.cs.tut.fi/~jkorpela/forms/file.html#filter

희망이 있습니다.