form <input type="file">文件类型限制

http://www.haorooms.com/post/input_file_leixing

 

 

 

 

Valid Accept Types:

For CSV files (.csv), use: 

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">".csv"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

For Excel Files 2003-2007 (.xls), use: 

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"application/vnd.ms-excel"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

For Excel Files 2010 (.xlsx), use: 

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

For Text Files (.txt) use: 

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"text/plain"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

For Image Files (.png/.jpg/etc), use: 

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"image/*"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

For HTML Files (.htm,.html), use:

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"text/html"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

For Video Files (.avi, .mpg, .mpeg, .mp4), use:

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"video/*"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"></span></a></div>

For Audio Files (.mp3, .wav, etc), use:

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"audio/*"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

For PDF Files, use:

<code style="margin: 0px; padding: 0px; border: 0px currentColor; font-family: Consolas,Menlo,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New',monospace,sans-serif; white-space: inherit;"><span style="background-color: rgb(238, 238, 238);"><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;"><input</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">type</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">"file"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="atn" style="color:#ff00;margin: 0px; padding: 0px; border: 0px currentColor;">accept</span><span class="pun" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;">=</span><span class="atv" style="color:#00ff;margin: 0px; padding: 0px; border: 0px currentColor;">".pdf"</span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span><span class="tag" style="color:#8000;margin: 0px; padding: 0px; border: 0px currentColor;">/></span><span class="pln" style="color:#000000;margin: 0px; padding: 0px; border: 0px currentColor;"> </span></span></code><div class="save_code tracking-ad" style="display: none;" data-mod="popu_249"><a target=_blank href="javascript:;" target="_blank"><span style="background-color: rgb(238, 238, 238);"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" alt="" /></span></a></div>

DEMO:
http://jsfiddle.net/dirtyd77/LzLcZ/144/

 

 

 

二如何提交文件

jQuery.ajax({
        url: action,   // 提交的页面
        data: $('#formid').serialize(), // 从表单中获取数据
        type: "POST",                   // 设置请求类型为"POST"，默认为"GET"
        error: function(request) {      // 设置表单提交出错
        
            alert("表单提交出错，请稍候再试");
        },
        success: function(data) {
     //成功
           
        }
});