HTML Upload Landscaping:
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Uploading files</title> <style>label{position:relative;Display:Inline-block;background:#D0EEFF;Border:1px solid #99D3F5;Border-radius:4px;padding:4px 12px;Overflow:Hidden;Color:#1E88C7;text-decoration:None;text-indent:0;Line-height:20px;cursor:Pointer; } /*Hide Default Styles*/Input[id=file]{Margin-left:-2000px;Height:0; } </style> <Scriptsrc= "Http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></Script> <!--[If Lt IE 9]> <script src= "Http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js" ></script> <script src= "Http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js" ></script> <! [EndIf] -</Head><Body> <Div> <label for= "File"ID= "Upfile">Uploading files</label> <inputtype= "File"Accept= "Video/mp4"ID= "File"> </Div> <Div> <PID= "FileName"></P> <!-- - </Div> <Script> $("#file"). On (" Change", function () { //intercept path, get upload file name varUrlarr= This. Value.split ("\\"); if ( This && This. Files&& This. files[0]) {document.getElementById ("FileName"). InnerHTML=Urlarr[urlarr.length- 1]; varFILEURL=Url.createobjecturl ( This. files[0]); //document.getElementById ("fileimg"). src = fileUrl; } Else { //compatible with IE9 belowdocument.getElementById ("FileName"). InnerHTML=Urlarr[urlarr.length- 1]; //document.getElementById ("fileimg"). Style.filter = "Progid:DXImageTransform.Microsoft.AlphaImageLoader ( Sizingmethod=scale) "; //document.getElementById ("fileimg"). Filters.item ("DXImageTransform.Microsoft.AlphaImageLoader"). src = This.value; } }); </Script></Body></HTML>
Html+css Upload File Control Landscaping