파일 입력 요소에 XML 파일 만 표시하려면 어떻게해야합니까? "accept"속성에 대해 읽었지만 실제로 브라우저를 지원하지 않는다는 것도 배웠습니다. 나는 여기에 몇 가지 JS 스크립트를 찾았지만 그들은 잘 작동하지 않았다 : - \HTML 파일 입력 요소에 XML 파일 만 표시
(I이이 서버 측을 확인하고 있습니다 만 그것을 너무 클라이언트 측을 싶습니다)
감사
파일 입력 요소에 XML 파일 만 표시하려면 어떻게해야합니까? "accept"속성에 대해 읽었지만 실제로 브라우저를 지원하지 않는다는 것도 배웠습니다. 나는 여기에 몇 가지 JS 스크립트를 찾았지만 그들은 잘 작동하지 않았다 : - \HTML 파일 입력 요소에 XML 파일 만 표시
(I이이 서버 측을 확인하고 있습니다 만 그것을 너무 클라이언트 측을 싶습니다)
감사
되지 않음을 확실히 할 수 있다면, 적어도 콜백 함수를 사용하고 .xml 확장자에 대한 입력 값을 확인할 수 있습니다.
발췌문 :
<script type="text/javascript">
function isXml(input)
{
var value = input.value;
var res = value.substr(value.lastIndexOf('.')) == '.xml';
if (!res) {
input.value = "";
}
return res;
}
</script>
<form method="post" action="">
<input type="file" name="myfile" id="myfile" onchange="return isXml(this)" />
<input type="submit" />
</form>
네, 제출하는 동안이 작업을 수행 할 수 있지만 사용자가 파일을 탐색 할 때 그렇게하는 것이 좋습니다. 나는 이미지 업로드 사이트가 이미지에 대해서만 제한하는 것을 보았지만 플래시를 사용하여 플래시를 사용하고 있으며 플래시를 사용하고 싶지 않습니다. - \ – Shai
사용자가 파일을 선택할 때 즉각적인 응답을주고 싶다면 당신은 단순히 html/js로 외면 할 수도 있지만 적어도 사용자가 파일을 선택하면 약간의 피드백을 줄 수 있습니다. 데모 용 스 니펫으로 내 대답을 업데이트했습니다. 여기서 잘못된 확장자를 가진 파일을 선택하면 필드 값을 비워두기 만하면됩니다. 오류를 나타 내기 위해 시각적 효과를 더 구현할 수도 있습니다. – kjetilh
대답은 당신이 MIME 형식을 사용, 매우 간단하다. 당신이 원하는 xml 파일 인 경우 그래서, 당신은 할 수 :
<input type="file" accept="text/xml" />
당신이 SO 질문, MIME 타입의 전체 목록을 보려면이 다른이 사이트에게 답을 http://www.iana.org/assignments/media-types/media-types.xhtml
체크 아웃 확인하려면 [http://stackoverflow.com/questions/1978134/how-to-restrict-file-types-with-html-input-file-type/1978160#1978160][1] [ 1] : http://stackoverflow.com/questions/1978134/how-to-restrict-file-types- with-html-input-file-type/1978160 # 1978160 –