JavaScript多图片上传案例


Posted in Javascript onSeptember 28, 2015

JS多图片上传小小实例:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>上传多图片</title>
  <script type="text/javascript">
    function JM_wu(ob) {
      ob.style.display = "none";
    }
    function JM_you(ob) {
      ob.style.display = "";
    }
    function createForm(textN, number) {
      data = "";
      inter = "'";
      if (number < 11 && number > -1) {
        for (i = 1; i <= number; i++) {
          if (i < 10) spaces = " ";
          else spaces = " ";
          data = data + " <input name=" + textN + i + " type=text value='' size='30' maxlength='100'>"
          + "<INPUT TYPE='button' value='上传" + i + "' onclick=javascript:uppic('more" + i + "','more" + i + "')>";
        }
        if (document.layers) {
          document.layers.cust.document.write(data);
          document.layers.cust.document.close();
        }
        else {
          if (document.all) {
            cust.innerHTML = data;
          }
        }
      }
      else {
        window.alert("请不要超过10张图片.");
      }
    }
</script>
</head>
<body>
  <form name="prodtable" action="">
  <input type="radio" name="more_pic" checked value="0" onclick="JM_wu(s1)">无
  <input type="radio" name="more_pic" value="1" onclick="JM_you(s1)">有 <span id="s1" style="display:none">
    <input name="more" type="text" value='1' size='5' maxlength='2'>
    <input type="button" value="张大图" onclick="createForm('more',document.prodtable.more.value);">
    <span id="cust" style="position: relative;"></span></span>
  </form>
</body>
</html>

这只是一个指引的小例子,同学们可以把按钮换成浏览图片按钮。

Javascript 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
理清apply(),call()的区别和关系
Aug 14 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 Javascript
Javascript原型链的原理详解
Jan 05 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
May 05 Javascript
详解webpack 入门与解析
Apr 09 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
vue移动端实现手机左右滑动入场动画
Jun 17 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
Javascript var变量删除原理及实现
Aug 26 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 #Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 #Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 #Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 #Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 #Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 #Javascript
jQuery获取checkboxlist的value值的方法
Sep 27 #Javascript
You might like
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
小程序转发探索示例
2019/02/19 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
javascript局部自定义鼠标右键菜单
2020/12/08 Javascript
python实现树形打印目录结构
2018/03/29 Python
python如何爬取个性签名
2018/06/19 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
美国老牌主机服务商:iPage
2016/07/22 全球购物
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
当当网软件测试笔试题
2015/11/24 面试题
铣床操作工岗位职责
2014/06/13 职场文书
保密工作目标责任书
2014/07/28 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
教师群众路线学习心得体会
2014/11/04 职场文书
交通事故协议书范本
2014/11/18 职场文书
思想工作总结范文
2015/08/12 职场文书
使用python绘制分组对比柱状图
2022/04/21 Python
vscode内网访问服务器的方法
2022/06/28 Servers
JS实现九宫格拼图游戏
2022/06/28 Javascript