html - File input 'accept' attribute - is it useful? -

-

implementing file upload under html simple, noticed there 'accept' attribute can added <input type="file" ...> tag.

is attribute useful way of limiting file uploads images, etc? best way use it?

alternatively, there way limit file types, preferably in file dialog, html file input tag?

the accept attribute incredibly useful. hint browsers show files allowed current input. while can typically overridden users, helps narrow down results users default, can they're looking without having sift through hundred different file types.

usage

note: these examples written based on current specification , may not work in (or any) browsers. specification may change in future, break these examples.

h1 { font-size: 1em; margin:1em 0; }  h1 ~ h1 { border-top: 1px solid #ccc; padding-top: 1em; }
<h1>match image files (image/*)</h1>  <p><label>image/* <input type="file" accept="image/*"></label></p>    <h1>match video files (video/*)</h1>  <p><label>video/* <input type="file" accept="video/*"></label></p>    <h1>match audio files (audio/*)</h1>  <p><label>audio/* <input type="file" accept="audio/*"></label></p>    <h1>match image files (image/*) , files extension ".someext"</h1>  <p><label>.someext,image/* <input type="file" accept=".someext,image/*"></label></p>    <h1>match image files (image/*) , video files (video/*)</h1>  <p><label>image/*,video/* <input type="file" accept="image/*,video/*"></label></p>

from html specification (source)

the accept attribute may specified provide user agents hint of file types accepted.

if specified, attribute must consist of set of comma-separated tokens, each of must ascii case-insensitive match 1 of following:

the string audio/*

  • indicates sound files accepted.

the string video/*

  • indicates video files accepted.

the string image/*

  • indicates image files accepted.

a valid mime type no parameters

  • indicates files of specified type accepted.

a string first character u+002e full stop character (.)

  • indicates files specified file extension accepted.

Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more