`

一个上传多个图片的js技巧

阅读更多
<script language="JavaScript"> 
var num=1; 
function show(obj){ 
if(obj.checked){ 
document.all.photoyn.style.display=""; 
document.all.photoyn.innerHTML="<input type=\"file\" size=\"25\" name=\"photopath\" class=\"upfile\"><font color=\"red\">(只允许700K以内的GIF或JPG图片)</font><table id=\"TB\" width=\"100%\" height=\"0px\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td></td></tr></table><input type=\"button\" value=\"+\"title=\"增加一个上传\" onclick=\"oRow=TB.insertRow();oCell=oRow.insertCell();oCell.innerHTML='<input type=file size=25  name=photopath'+Number(num)+' class=upfile>';num=num+1\">&nbsp;&nbsp;<input type=\"button\" value=\"-\" title=\"去掉一个上传\" onclick=\"oCell=TB.deleteRow()\">"; 
}else{ 
document.all.photoyn.innerHTML=""; 
document.all.photoyn.style.display="none"; 
} 
} 
</script> 
是否上传照片?<input type="checkbox" name="nfile" id="nfile" onclick="show(this)"> 
<div id="photoyn" style="display:none;padding:2px 0 5px 0"></div>

 

分享到:
评论

相关推荐

    JSP实用技巧集合,jsp编程的一些小技巧总结

    38. 在图片排列的页面上选中一个图片,然后把它删掉? 39. 显示某目录下的所有文件 40. 把复选框中选中的值直接显示在输入文本框中? 41. 选择路径下的文件直接显示文件内容? 42. 制作进度条? 43. 对较长字符省略显示?...

    jsp编程技巧集锦

    在图片排列的页面上选中一个图片,然后把它删掉? 39. 显示某目录下的所有文件 40. 把复选框中选中的值直接显示在输入文本框中? 41. 选择路径下的文件直接显示文件内容? 42. 制作进度条? 43. 对较长...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    【JavaScript源代码】基于React-Dropzone开发上传组件功能(实例演示).docx

    而比较流行的上传组件也不少,而目前用户比较多的是 jQuery-File-Upload和Dropzone,而成长速度快的新晋有Uppy和filepond。 这次我要讲述的是在React-Flask框架上开发上传组件的技巧。我目前主要以React开发前端,...

    易语言-易语言调用GoogleV8引擎执行JS

    V8 最早被开发用以嵌入到 Google 的开源浏览器 Chrome 中,但是 V8 是一个可以独立的模块,完全可以嵌入您自己的应用,著名的 Node.js( 一个异步的服务器框架,可以在服务端使用 JavaScript 写出高效的网络服务器 ) ...

    JAVA上百实例源码以及开源项目源代码

    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    JAVA上百实例源码以及开源项目

    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    jQuery使用技巧

    2、jQuery是一个轻量级的脚本,其代码非常小巧,最新版的JavaScript包只有20K左右。 3、jQuery支持CSS1-CSS3,以及基本的xPath。 4、jQuery是跨浏览器的,它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera ...

    java源码包---java 源码 大量 实例

    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    ECSHOP设置及开发技巧汇总

    1 设置修改 4 1.1 ECShop图片设置 4 ...3.32 ecshop添加一个30天销量的方法 139 3.33 ECSHOP模板首页商品显示购买过的次数 141 3.34 关于商品促销一人限购一件问题的解决方案 142 3.35 100问题汇总 146

    java源码包2

    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    java源码包3

    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    java源码包4

    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很...

    成百上千个Java 源码DEMO 3(1-4是独立压缩包)

    JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很...

    PHP 使用技巧集.rar

    PHP处理多个同名复选框,并在客户端用javascript来判断 把PHP4安装到Win2000的IIS5中 如何实现页面自动跳转 正则表达式使用详解 正则表达式使用详解(二) PHP4.04 PWS在Win98下的安装与配

    asp.net知识库

    鼠标放在一个连接上,会显示图片(类似tooltip) 使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果 HttpModule 实现 ASP.Net (*.aspx) 中文简繁体的自动转换,不用修改原有的任何代码,直接部署...

    Android 开发技巧

    9.31、把文件内容读出到一个字符串 245 9.32、扫描WIFI热点演示实例教程 246 9.33、调用GOOGLE搜索 249 9.34、调用浏览器 载入某网址 249 9.35、获取 IP地址 249 9.36、从输入流中获取数据并以字节数组返回 250 9.37...

Global site tag (gtag.js) - Google Analytics