I have a 파일 업로드 객체에는 on my 페이지:
<input type="file" ID="fileSelect" />
다음 엑셀 파일을 바탕 화면에:
>. file1.xlsx 1. >. 2. file1.xls >. 3. file.치프
내가 찾은 ',' 속성을 사용하여 이러한 컨텐츠 유형 &, .xlsx '잘' 동의하십시오 있었다. '.xls' 확장장치. >. '=' 동의하십시오 application/vnd.openxmlformats-officedocument.spreadsheetml.sheet (.XLSX)
>. '=' 동의하십시오 application/vnd.ms-excel (.XLS)
하지만 나는 Excel CSV 파일 컨텐츠 유형에 대한 올바른 찾을 수 없습니다! 제안 사항을?
예: <,
>.뭐 곤혹스럽다. I found it 솔루션 및 couldn& # 39, t be 간단해진다는 찾고 있었어요. 내가 원하는 결과를 얻기 위해 다음과 같은 코드를 사용했다. 이를 통해 향후 사람이 있다. 모두라뇨 도움 주셔서 감사합니다.
<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
<input type="file" accept=".csv" />
<input type="file" accept="application/vnd.ms-excel" />
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
<input type="file" accept="text/plain" />
<input type="file" accept="image/*" />
, (, .Html .htm), HTML 파일을 위한 use:< br/>.
<input type="file" accept="text/html" />
<input type="file" accept="video/*" />
<input type="file" accept="audio/*" />
<input type="file" accept=".pdf" />
데모:
< hr/>;
Excel 할 경우 CSV 파일 ('.csv') , 표시하십시오 안 할 수 있습니다.
text / csv '-' 응용 프로그램 / csv '-'
'text / 쉼표로 구분된 값' ( 은 오페라 전용 ).
<input type="file" accept=".FILETYPE" />
최근의 브라우저에서 아니라 아주 오래된 dom 이 속성은 수락됨 내린 것으로 알고 있지만, 이를 통해 이 슬라이드에서는 시도하시겠습니까 대체
<script type="text/javascript" language="javascript">
function checkfile(sender) {
var validExts = new Array(".xlsx", ".xls", ".csv");
var fileExt = sender.value;
fileExt = fileExt.substring(fileExt.lastIndexOf('.'));
if (validExts.indexOf(fileExt) < 0) {
alert("Invalid file selected, valid files are of " +
validExts.toString() + " types.");
return false;
}
else return true;
}
</script>
<input type="file" id="file" onchange="checkfile(this);" />
Mime 형식 '에서' 를 사용한 text / 쉼표로 구분된 값 csv 의 벌금을 동의하십시오 속성 및 작동하잖아 오페라. '한' text / csv 없이 운빨이야.
Csv 의 경우 다른 mime 형식 제안됩니다 작동하지 않습니다.
할 일을 한 다음 해당 파일에 대한 올바른 컨텐츠 유형에 의해 알 수 있습니다.
관심 있는 파일을 선택 1)
console.log($('.file-input')[0].files[0].type);
&Quot, multiple" 속성용 설정할 수도 있습니다. 여러 개의 파일을 한 번에 대한 컨텐츠 유형에 대한 입력입니다 단축시킵니다 있는지 모르겠습니다.
for (var i = 0; i < $('.file-input')[0].files.length; i++){
console.log($('.file-input')[0].files[i].type);
}
나는 솔루션이 수정되었음 @yogi. 그 때 나는 것은 잘못된 형식으로 파일은 재설정하십시오 입력입니다 요소점 값입니다.
function checkFile(sender, validExts) {
var fileExt = sender.value;
fileExt = fileExt.substring(fileExt.lastIndexOf('.'));
if (validExts.indexOf(fileExt) < 0 && fileExt != "") {
alert("Invalid file selected, valid files are of " +
validExts.toString() + " types.");
$(sender).val("");
return false;
}
else return true;
}
나는 여전히 창에서 파일을 열 수 있는 옵션을 선택할 수 있는 사용자 정의 모든검증 만들어져있는 " 때문에, 모든 파일 (& # 39, *& # 39;), 만약 내가 동의하십시오 속성에 관계없이 " 설정해야 입력입니다 요소.