多附件、带有预览功能的HTML页面

<SCRIPT language=javascript>

var modified = 0;
var currentLine = -1;
var line = -1;
var allCount = 4;

function addUploadFile()
{
  newRow = tableA.insertRow(tableA.rows.length);
  newRow.id = "fileUploadID";
  newRow.ln = allCount;
  newRow.pn = allCount;

  c1 = newRow.insertCell(0);
  c1.ln=allCount;
  c1.pn=allCount;
  c1.innerHTML = "<input type = file size=40 name='filename"+allCount+"' ln="+allCount+" pn="+allCount+">";

  c2=newRow.insertCell(1);
  c2.ln=allCount;
  c2.pn=allCount;
  c2.οnclick=delIt;
  c2.align = 'center';
  c2.innerHTML="删 除";

  c3=newRow.insertCell(2);
  c3.ln=allCount;
  c3.pn=allCount;
  c3.οnclick=showPic;
  c3.align = 'center';
  c3.innerHTML="预 览";

  allCount++;
}

function delIt()
{
line=parseInt(event.srcElement.ln,10)
if (line>0)
  for (i=1; i<tableA.rows.length ; i++)
  {
   if (fileUploadID[i].ln==line )
   {
    var temp=eval("document.uploadform.filename"+line+".value");
    if ( temp.length>0 )
     {
      if (!confirm("确认删除此附件?"))  {  return;  }
     }
    tableA.deleteRow(i);
    }
   }
}

function showPic()
{
line=parseInt(event.srcElement.ln,10)
if (line>0)
  for (i=1; i<tableA.rows.length ; i++)
   if (fileUploadID[i].pn==line)
   {
    var temp=eval("document.uploadform.filename"+line+".value");
    if ( temp.length>0 )
     {
       c4=fileUploadID[i].insertCell();
       c4.align = 'center';
       c4.innerHTML="<img src='"+temp+"' width='50px' /> ";
       fileUploadID[i].pn = '';
     }
   }
}

</SCRIPT>

<FORM name=uploadform method="post" enctype="multipart/form-data">

<TABLE align=center border='1' id='tableA' width='800PX' name='tableA'>
  <TR id=fileUploadID>
 
    <TD width="40%" align=center> 附件列表 </TD>
     
    <TD width="20%" align=center> &nbsp; </TD>

    <TD width="20%" align=center> &nbsp; </TD>

    <TD width="20%" align=center> &nbsp; </TD>
      
  </TR>   

</TABLE>

<TABLE align=center border=1 rules=all width="800PX" nowrap>
       <TR>
         <TD align=center>
           <input type="button" οnclick="addUploadFile();" value="添  加">
         </TD>
       </TR>
</TABLE>
</FORM>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值