讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

首页 > web前端 > js教程 > 正文

js批量上传界面的实现_表单特效

php中文网

发布： 2016-05-16 19:05:34

原创

1203人浏览过

1.下载插件快速上传。
2.用HTML上传控件有限制的上传。

我下面用javascript脚本来实现2的功能。

1.动态的增加上传控件。
2.动态的删除上传控件。
3.限制用户在上传控件中乱输入路径。

网趣网上购物系统旗舰版

网趣网上购物系统旗舰版

网趣网上购物系统支持PC电脑版+手机版+APP，数据一站式更新，支持微信支付与支付宝支付接口，是专业的网上商城系统，网趣商城系统支持淘宝数据包导入，实现与淘宝同步更新!支持上传图片水印设置、图片批量上传功能，同时支持订单二次编辑以及多级分类隐藏等实用功能，新版增加商品大图浏览与列表显示功能，使分类浏览更方便，支持最新的支付宝即时到帐接口。

网趣网上购物系统旗舰版

0

网趣网上购物系统旗舰版

<meta http-equiv="content-type" content="text/html">
<title>locale photo</title>
<script> 
function AddMoreRow() 
{ 
    var oRow=event.srcElement.parentNode.parentNode; 
    var oTable=oRow.parentNode.parentNode; 
    oNewRow=oTable.insertRow(); 
    for(i=0;i<oRow.cells.length;i++) 
    { 
        oNewRow.insertCell().innerHTML=oRow.cells[i].innerHTML; 
    } 
    oRow.all("DelBtn").disabled=false; 
    oNewRow.all("DelBtn").disabled=false; 
} 
function DeleteMoreRow() 
{ 
    var oRow=event.srcElement.parentNode.parentNode; 
    var oTable=oRow.parentNode.parentNode; 
   if(oTable.rows.length>1) 
    { 
        oTable.deleteRow(oRow.rowIndex); 
        if(oTable.rows.length==1) 
        { 
           oTable.all("DelBtn").disabled=true; 
        } 
    } 
} 
function DisabledKeyInput() 
{ 
    if(event.keyCode!=8&&event.keyCode!=46) 
    { 
        event.returnValue=false; 
    } 
} 
</script><form method="post" enctype="multipart/form-data"> 
<table><th>批量上传</th></table>
<table><tr>
<td nowrap>名称*</td> 
<td><input type="text" name="Name" size="15" maxlength="50"></td>

<td nowrap>文件路径*</td> 
<td><input type="file" name="FilePath" size="15" onkeydown="DisabledKeyInput()"></td>

<td nowrap>说明*</td> 
<td>
<input type="text" name="Description" size="45"><input type="button" value="增加" onclick="AddMoreRow()">
</td>

<td nowrap>  
<input type="button" id="DelBtn" value="删除" disabled onclick="DeleteMoreRow()">
</td>

</tr></table>
<table><tr align="center">
<td align="center"> 
<input type="submit" value="保存"><input type="reset" value="取消">
</td> 
</tr></table>
</form>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

相关标签：

js

大家都在看：

javascript如何实现图表_D3.js和Chart.js如何选择如何用javascript实现数据可视化_有哪些库推荐？ javascript的web workers是什么_如何多线程运行？ javascript的动画如何实现_有哪些常用的动画技术？如何用JavaScript增强网页的可访问性？

最佳 Windows 性能的顶级免费优化软件

最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

来源：php中文网

上一篇：Javascript jquery css 写的简单进度条控件_jquery 下一篇：JS动画效果代码2_javascript技巧

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

最新问题

什么是Promise对象_javascript中如何处理异步操作？ Promise是JavaScript处理异步操作的标准对象，代表未来完成或失败的操作，具有pending、fulfilled、rejected三种不可逆状态，支持链式调用与错误传递，并提供Promise.all()、race()、allSettled()等静态方法协调多个异步任务。

2025-12-18 14:32:50

210

javascript async/await是什么_如何用它简化异步代码？ async/await是JavaScript中基于Promise的异步语法糖，使异步代码更直观；async函数自动返回Promise，await暂停执行等待Promise完成，需用try/catch错误处理，并行任务应配合Promise.all()。

2025-12-18 14:19:02

377

什么是JavaScript的代理和反射？ Proxy和Reflect是配合使用的对象行为控制机制：Proxy拦截操作，Reflect提供与之对应的标准化底层方法，二者结合可实现安全、可靠、可维护的元编程逻辑。

2025-12-18 13:55:15

762

javascript如何实现移动应用_React Native和Flutter有什么区别 JavaScript可通过ReactNative开发原生移动应用：用JS写逻辑，通过原生桥接调用iOS/Android真实UI组件，渲染原生界面，性能接近原生；采用React风格开发，支持热重载，需配置Node.js、Xcode等环境。

2025-12-18 13:47:02

469

JavaScript混入是什么_如何实现多重继承？ JavaScript通过混入（Mixin）模式模拟多重继承，将多个对象的方法和属性复制到目标对象或原型上，实现组合式功能复用；常用Object.assign()或高阶类工厂实现，需注意方法冲突、构造逻辑缺失、this指向及私有字段限制。

2025-12-18 13:45:02

481

JavaScript对象如何创建_如何访问其属性？ JavaScript对象常用字面量创建，访问属性时点号适用于合法标识符，方括号支持动态名、空格及特殊字符；访问不存在属性返回undefined，嵌套需用可选链防错。

2025-12-18 13:37:53

875

javascript指令是什么_如何自定义Vue或Angular的指令？ JavaScript指令是前端框架为扩展HTML功能设计的可复用行为封装机制；Vue通过v-指令及bind/inserted/update/componentUpdated/unbind钩子实现，Angular则用@Directive区分属性与结构指令并强调类型安全。

2025-12-18 13:14:02

949

JavaScript中的代理是什么_它如何拦截和自定义对象操作呢 Proxy是JavaScript中用于拦截并自定义对象基本操作的代理机制，通过handler中的trap（如get、set、has等）控制访问行为，支持响应式、验证、日志等场景，但不递归代理嵌套对象且有性能开销。

2025-12-18 12:54:08

222

javascript地理位置如何获取_如何使用Geolocation API？ JavaScript通过GeolocationAPI获取地理位置，需HTTPS安全上下文，调用getCurrentPosition()一次性获取经纬度，watchPosition()持续监听，注意权限、错误处理及隐私合规。

2025-12-18 12:45:48

581

Javascript中的WebSocket如何工作？ WebSocket通过HTTP升级握手建立持久全双工连接：客户端发含Upgrade、Sec-WebSocket-Key的请求，服务器返回101状态及Sec-WebSocket-Accept校验；连接后通过onopen/onmessage/onclose/onerror事件收发数据，以帧而非HTTP报文传输，支持文本、二进制、Ping/Pong；需用wss://加密，服务器需校验Origin，原生无自动重连。

2025-12-18 12:10:03

882

相关专题

更多>

热门推荐

开源免费商场系统

广告

热门教程

更多>

相关推荐

热门推荐

最新课程

前端项目-尚优选【HTML/CSS/JS技术综合实战】

37606次学习
收藏
WEB前端教程【HTML5+CSS3+JS】

77771次学习
收藏
JS进阶与BootStrap学习

29788次学习
收藏

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明举报中心意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

PHP中文网订阅号: 每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

PHP学习

技术支持

返回顶部