漂亮的附件上传功能之页面表现模仿qqmail 163mail

最新推荐文章于 2023-02-14 17:56:57 发布

ln831015

最新推荐文章于 2023-02-14 17:56:57 发布

阅读量1.9k

点赞数

文章标签： function div input file upload mozilla

本文链接：https://blog.csdn.net/ln831015/article/details/1858937

版权

这篇博客介绍了如何实现一个模仿QQ邮箱和163邮箱附件上传功能的页面，包括HTML、JavaScript代码示例，以及针对不同浏览器的兼容处理。主要涉及的元素有input[type=file]、div布局以及上传按钮的动态添加和删除。

摘要由CSDN通过智能技术生成

jsp里代码

<input name="fattachlist" id="fattachlist" type="hidden" value=""/>
        <div>
          <div style="height:20px;">
         <div style="float:left;margin-top:2px">
              <script language="javascript" type="text/javascript">
                document.write(OutputAttachBtn());
              </script>
         </div>
       </div>
       <div style="margin-bottom:2px;margin-left:14px;height:auto!important;height:0px;">
            <div id="filecell" style="margin-bottom:4px;line-height:17px;">
              <div id="Duploader0" style="display:none">
                <INPUT name="uploader0" class='file upload' id="uploader0" type=file onChange="AfterAddFile('uploader0')"><span id='Suploader0'></span><span id='SIZEuploader0'></span>  <A οnclick="DelUploader('uploader0')"><img src="../../images/delg.gif" alt="删除" align="absmiddle" style="border:0"></A><INPUT name="localFile" id="localFile" type=hidden><INPUT name="upFile" id="upFile" type=hidden>
              </div>
            </div>
          </div>
        </div>

js代码：

//from qqmail
window.οnerrοr=function(){return true;};

//navigate
var gsAgent = navigator.userAgent;
var gfAppVer = parseFloat(navigator.appVersion);
var gIsOpera = gsAgent.indexOf("Opera") > -1;
var gIsKHTML = gsAgent.indexOf("KHTML") > -1 || gsAgent.indexOf("Konqueror") > -1 || gsAgent.indexOf(&