FineUI 官方论坛

标题: 如何优化一下上传控件。 [打印本页]

作者: sjxwb 时间: 2012-12-2 23:35
标题: 如何优化一下上传控件。
这是人家OA系统的一个附件上传的界面，在选择文件后触发上传事件，上传成功在下面的例表中显示已成功上传的文件清单，并可进行删除，已存在的同名文件不能重复上传。界面如下：
[attach]1379[/attach]

OA系统中部分页面代码：
<div id="UploadFile1_PanUpload">

<table>
<tr>
      <td valign="top" colspan="2" align="right">

         <input type="file" name="UploadFile1$FileUpload1" id="UploadFile1_FileUpload1" />
         <div style="display:none;">
         <input type="submit" name="UploadFile1$btnAdd" value="添加" id="UploadFile1_btnAdd" />
         </div>
      </td>
</tr>
<tr>
      <td valign="top">
         <table id="panFileList" width="100%">

            <tr>
               <td width="80%">
                     <a id="UploadFile1_Repeater1_ctl00_aFile" href="../../Upload/PersonalOffice/Message/send/8E948065-5534-48F0-B106-9CE06E6F00EB/2012-12-03/Doc3_2012-12-03%20%2007-28-53-2853.doc" target="_blank">Doc3.doc</a>
               </td>
               <td align="right">
                     <a id="UploadFile1_Repeater1_ctl00_btnDelete" href="javascript:__doPostBack('UploadFile1$Repeater1$ctl00$btnDelete','')">删除</a>
               </td>
            </tr>

         </table>
      </td>
      <td valign="top" align="right">

      </td>
</tr>
</table>

</div>

作者: sjxwb 时间: 2012-12-5 09:09
在网上找一个Uploadfiy的JS代码组件，上传是可以了，但最好能有个上传成功的列表，可以删除已上传的文件。

作者: dim_$lift 时间: 2012-12-8 04:41
可以在上传控件下面放一个 gridview来实现这种效果。

作者: sjxwb 时间: 2012-12-8 04:43
是的，也是这样处理的。不过总归不好看。

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)