JS 上传附件

原创 2008年05月01日 17:49:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>仿126网络硬盘上传 by littlelam</title></head><script>var TotalFiles = 0;function AddFiles(){    TotalFiles ++;    var file=document.createElement("input");     file.type = "file";    file.id = "f"+ TotalFiles.toString();    file.name = "files"+ TotalFiles.toString();     file.hideFocus = true;    file.size = 1;    file.style.cssText = "cursor:pointer; width:1px; border:none; height:32px; padding:0px; margin:0px;position:absolute; opacity:0;filter:alpha(opacity=0);left:-32px !important;left:-5px;left/**/:-3px; font-size:20px;";    file.onchange = function ()    {        $("s"+TotalFiles.toString()).innerHTML = $("f"+TotalFiles.toString()).value.substring($("f"+TotalFiles.toString()).value.lastIndexOf("//")+1,$("f"+TotalFiles.toString()).value.length) + "    <span onclick=/"DelFile('"+TotalFiles.toString()+"')/" style=/"cursor:pointer;color:red/">X</span>";        this.style.display = "none";        AddFiles();    };    $("UpFilePanelHidden").appendChild(file);    var div=document.createElement("div");     div.id = "s"+ TotalFiles.toString();    $("UpFilePanelShow").appendChild(div);}function $(str){    return document.getElementById(str);}function DelFile(str){    $("UpFilePanelHidden").removeChild($("f"+str));    $("UpFilePanelShow").removeChild($("s"+str));    }function DelEmpty(){    for (var i=1;i<=TotalFiles;i++)    {        if ($("f"+i.toString()))        {            if ($("f"+i.toString()).value == "")                $("UpFilePanelHidden").removeChild($("f"+i.toString()));        }                }}</script><body><FORM METHOD="post" NAME="form1" ACTION="savetofile.asp" ENCTYPE="multipart/form-data" onsubmit="DelEmpty();return true;"><div style="width:100px; height:30px;background-image:url(http://mimg.163.com/netfolder/images/all_toolbar.gif);background-position:2px -64px; margin:6px 4px; border:1px solid #bebebe; cursor:pointer; "><a id="UpFilePanelHidden" href="javascript:void(0);" ></a></div><div id="UpFilePanelShow"></div><script>AddFiles();</script><br /><input type="submit" name="Submit" value="提交" /></form></body></html>

【web】js添加附件功能(显示进度条)——添加附件-demo01

使用input元素添加附件(显示进度条) 备注:此项目没有实现上传附件的功能...
  • michael_ouyang
  • michael_ouyang
  • 2016-09-20 16:49:15
  • 2154

【web】js添加附件功能(选择图片文件有预览功能)——添加附件-demo02

使用input元素添加附件(选择图片文件有预览功能) 备注:此项目没有实现上传附件的功能...
  • michael_ouyang
  • michael_ouyang
  • 2016-09-20 16:35:04
  • 2513

类似QQ邮箱的js附件上传源代码

  • 2010年01月22日 10:13
  • 27KB
  • 下载

模仿QQ邮箱添加附件的javascript

贴出全部HTML+JS代码,在这里做个备份,当前版本暂定为1.0吧,以后还会改进。比如选择附件后,显示附件的大小。如果有bug或可以改进的地方,希望不吝赐教!Author: aqua qinTech ...
  • aquadp
  • aquadp
  • 2008-04-10 22:18:00
  • 4128

js添加删除附件

Untitled Document                      table a:link,table a:visited{                 color:#179ed...
  • zunguitiancheng
  • zunguitiancheng
  • 2015-06-27 12:22:30
  • 750

【Js--代码模块】多附件上传和修改附件

function AddAttachment(maxNum) { var objTable = $("#id_attachmentpanel"); var exitsA...
  • Beiji_Nanji
  • Beiji_Nanji
  • 2012-05-25 13:06:57
  • 1234

上传多个附件的js及相关

  • 2009年04月28日 23:28
  • 674KB
  • 下载

批量添加JS脚本,像126发送邮件时的上传附件,可以自由增,减

批 量 添 加.style1 { color: #006666; font-weight: bold;}.blank{FONT-FAMILY:宋体;FONT-SIZE:9pt}a{font-famil...
  • web718
  • web718
  • 2006-01-20 17:49:00
  • 2656

多附件上传效果jsshangchuang

  • 2011年03月23日 23:49
  • 4KB
  • 下载
收藏助手
不良信息举报
您举报文章:JS 上传附件
举报原因:
原因补充:

(最多只允许输入30个字)