<head>
<meta http-equiv="Content-Language" content="zh-cn">
<script>
function mCreateFile(obj){
var eF
var mName
mFileName.innerHTML=""
if (obj.id=="File") {
for (i=0;i<mFile.children.length-1;i++)
{
if (mFile.children.value=="") {
mFile.removeChild(mFile.children)
}
else
{
mName=mFile.children.value.split("\\")
mFileName.innerHTML+="<div id=NameDetail title='"+mName[mName.length-1]+"'>"+mName[mName.length-1]+"</div>"
}
}
mstatus.innerHTML="总共有 <b>"+(mFile.children.length-1)+"</b> 个文件等待上传"
}
if (obj.id=="File_New") {
eF=document.createElement('<input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)">')
mFile.appendChild(eF)
obj.id="File"
}
}
</script>
<style>
table{
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
}
input{
border:1px soild #000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
padding:2px;
}
#mTD{
LINE-HEIGHT: 24px;
}
#mFile{
width:203px;
float:left;
|
#mFileName{
float:right;
width:182px;
}
#NameDetail{
overflow:hidden;
width:176px;
color:#000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
cursor:default;
height:22px;
}
#mstatus{
font-size:12px;
color:#ff0000;
}
</style>
</head>
<body>
<form name=frm method=post>
<div align="center">
<table border="1" width="420" style="border-collapse: collapse" bordercolor="#0066cc" cellpadding="4" bgcolor="#D0F0FF">
<tr>
<td bgcolor="#3399FF" height="26" align="center"><font color="#FFFFFF" size="3"><b>添加附件</b></font></td>
</tr>
<tr>
<td id=mTD>
<div id=mFile><input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)"></div>
<div id=mFileName></div>
<div id=mstatus>总共有 <b>0</b> 个文件等待上传</div>
</td>
</tr>
</table>
</div>
</form>
</body>
分享到:
相关推荐
"jsp上传附件,类似163添加附件界面,有上传进度显示"这一主题,涉及了网页端文件上传的一种实现方式,它借鉴了163邮箱的附件添加功能,并加入了实时的上传进度反馈。下面我们将详细探讨这一技术实现的关键知识点。 ...
多附件上传设计的关键在于处理用户界面和后台数据存储的交互。在Domino中,可以通过创建一个表单来实现附件上传。表单是用户输入数据的界面,可以包含多个文件域(File Fields)。这些文件域允许用户选择本地计算机...
在IT行业中,添加和上传附件是网页交互中的常见功能,特别是在邮件系统、论坛或文档分享平台等场景。"像163一样添加附件/上传附件"这个标题暗示我们要实现一个类似网易163邮箱的附件上传体验。163邮箱以其用户友好的...
虽然此示例主要展示了layui和前端的文件上传功能,但实际项目中可能还需要考虑数据库设计(如存储文件信息)、后端文件处理逻辑、安全问题(如防止上传恶意文件)等。开发者需要结合其他技术,如Node.js、PHP、...
界面设计说明 对上传操作的页面显示做了以下人性化操作: 1、可以任意在上传多个文件,只需在一个上传文件的输入框中完成 2、上传前在不访问数据库的前提下,进行增加、删除、删除所有等操作 3、在上传文件前检测同名...
在Delphi中,界面设计是开发桌面应用程序的关键环节,它直接影响到软件的用户体验。Listbox控件是Delphi中常用的一种界面元素,主要用于显示一系列可选择的项目。在这个主题下,我们将深入探讨如何利用Listbox进行...
它的界面设计直观简洁,易于上手,并且支持多种语言及数据库,这使得它成为了众多软件开发团队进行缺陷管理的理想选择。尽管Mantis的功能强大且灵活,但在实际使用过程中,用户可能会遇到一些常见的技术问题,例如...
"Domino XPages 上传附件例子"着重讲解了如何在XPages应用中实现这一功能,使得用户界面更加友好且功能强大。 首先,XPages是IBM Domino的一种Web开发框架,基于JavaServer Faces (JSF) 技术,提供了丰富的组件库和...
这款工具以其便捷性、实用性和兼容性深受开发者喜爱,尤其适合需要处理大量用户上传附件的项目。 首先,WebUpload的核心功能是提供了一个用户友好的界面,使得用户可以通过拖拽或者点击按钮来选择并上传文件。它...
在本文中,我们将深入探讨如何使用`mui`和原生`JavaScript`实现一个适用于手机端H5的可多次上传附件的小插件。这个插件具备图片压缩和预览功能,同时支持视频预览,旨在为开发者提供一种简洁的实现思路。 ### 1. ...
2. **异步处理**:使用后台任务处理上传,避免阻塞用户界面。 3. **缓存策略**:合理使用缓存策略,减少重复读取和写入操作。 总结来说,实现ASP.NET多附件上传和附件编辑涉及前端交互、服务器处理、文件存储、...
- GUI上传附件的大小限制为50MB,portal上传的限制为10MB。 - 可以新增的附件类型包括已有附件、扫描仪文件以及URL附件(Web附件管理)。 - 用户可以在附件管理界面根据不同实体类型查看已上传的附件。 3. 附件的...
网页上传附件是网页交互中常见的功能之一,它允许用户通过浏览器将本地计算机上的文件上传到服务器,以便在网站上分享或存储。这个过程涉及到前端和后端的技术,以及与用户界面设计相关的诸多方面。以下是对这个主题...
6. **用户界面设计**:用户友好的界面是关键,系统需要提供一个简洁直观的页面,让用户能够选择和上传多个文件。这可能涉及到HTML、CSS和JavaScript技术,以及AJAX异步上传,以提升用户体验。 7. **安全性考量**:...
### 多附件上传技术解析与实现 #### 一、引言 在当今信息化时代,文件上传功能已经成为各类...- **用户体验**:如何设计友好的文件上传界面? 通过不断探索这些问题,我们可以在实际开发中更好地实现多附件上传功能。
但原生的论坛系统可能出于安全考虑或设计限制,未开放公告上传附件的功能。 "公告可上传附件的修改"涉及到的技术实现主要分为以下几步: 1. **代码修改**:这通常需要对论坛软件的源代码进行深入理解。你需要找到...
1. **前端界面设计**:在快速回复框下方添加一个附件上传区域,包括选择文件的按钮、上传进度条、文件列表和清除选项。同时,使用JavaScript进行前端验证,如检查文件类型和大小,防止不符合规则的文件被上传。 2. ...
综上所述,"树形控件和jquery上传附件"这个主题涵盖了前端交互设计、后端数据库操作以及文件上传等多个关键知识点,它们在Web开发中有着广泛的应用。通过熟练掌握这些技术,开发者可以构建更加高效、易用的Web应用。
"类似于网易附件上传源码" 提供了一种实现文件上传的解决方案,这通常涉及到前端用户界面的设计,后端服务器的处理,以及可能的数据存储策略。接下来,我们将深入探讨这一主题,涵盖相关知识点。 首先,我们需要...