Webx框架Velocity上传文件控件不同浏览器显示兼容处理
2013-11-16 14:48
429 查看
Webx框架Velocity上传控件<input type=”file”/>在各种浏览器中显示不同,FireFox和Chrome显示不太美观。
解决方法:
<!--[if IE]>IE
浏览器执行代码
<![endif]-->
<!--[if !IE]><!-->
非
IE
浏览器执行代码
<!--<![endif]-->
解决方法:
<!--[if IE]>IE
浏览器执行代码
<![endif]-->
<!--[if !IE]><!-->
非
IE
浏览器执行代码
<!--<![endif]-->
<form id="FormUpload" onsubmit="LKAssemblySubjectImages.submit();return false;" action="/test/addsubjectimages.json" method="post" enctype="multipart/form-data"> <!--[if IE]> <input type="file" id="图片文件" name="InputFile" onchange="ListImages.SetSubmit($(this));" class="textbg inputUpload" mbleft="410" mbtop="-10" /> <![endif]--> <!--[if !IE]><!--> <div style="height:0px; overflow:hidden; width:0;"> <input type="file" id="图片文件" name="InputFile" onchange="document.getElementById('t1').value= this.value;ListImages.SetSubmit($(this));" class="textbg inputUpload" mbleft="410" mbtop="-10" /> </div> <input type="text" id="t1" style="width:300px;height:25px;"/> <input type="button" onclick="document.getElementById('图片文件').click();" value="浏 览" class="inputButton"/> <!--<![endif]--> <input id="提交按钮" type="submit" value="上 传" disabled="disabled" class="inputButton"/> </form>
相关文章推荐
- 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器
- 不同浏览器对post上传文件时,文件名的处理方式不同。
- 浏览器兼容多文件上传控件
- JAVA 文件上传后台判断浏览器的类型以及JDK1.5和1.6处理的不同
- 针对不同浏览器预览上传文件的处理方式
- Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
- Bootstrap3 框架下 使用 Bootstrap-table 结合 Bootstrap- file input 上传文件 并显示进度条
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- 服务器端的js文件在浏览器上显示中文乱码问题处理
- JavsScript实现不通过后台,实时显示上传图片的显示效果,兼容各个版本浏览器
- 【分享】兼容ie6-9和现代浏览器以及ios,android,pad等触屏设备的异步文件上传插件
- javaweb工程浏览器上传文件后台不显示文件信息的原因
- 多文件上传插件Stream,解决不同浏览器上传文件的插件,是Uploadify的Flash版和Html5版的结合,带进度条,并支持html5断点续传,拖拽等功能
- div+css中常见的浏览器兼容性处理-兼容不同浏览器
- 同一页面多次使用kindEditor的上传文件——兼容大部分浏览器
- 基于ajaxFileUpload,兼容ie7以上、chrome等浏览器的文件上传功能
- SpringMvc下载文件,判断不同浏览器的中文名字显示
- 关于 HTML5 的文件上传处理,兼容,以及 BLOB 对象的使用
- 考虑浏览器兼容的文件上传
- 上传大文件控件 显示进度条!