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 相关文章推荐
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
js实现最短的XML格式化工具实例
Mar 12 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
Boostrap实现的登录界面实例代码
Oct 09 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
Angular.JS中select下拉框设置value的方法
Jun 20 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
Sep 10 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 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
Array对象方法参考
2006/10/03 Javascript
javascript 添加和移除函数的通用方法
2009/10/20 Javascript
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
使用jQuery将多条数据插入模态框的实现代码
2014/10/08 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
2016/05/21 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
[01:46]辉夜杯—打造中国DOTA新格局
2015/12/25 DOTA
[51:20]完美世界DOTA2联赛PWL S2 Magma vs PXG 第一场 11.28
2020/12/01 DOTA
Python subprocess模块详细解读
2018/01/29 Python
python计算两个地址之间的距离方法
2018/06/09 Python
python基于http下载视频或音频
2018/06/20 Python
python利用跳板机ssh远程连接redis的方法
2019/02/19 Python
Python数据正态性检验实现过程
2020/04/18 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
一道SQL面试题
2012/12/31 面试题
借款协议书
2014/04/12 职场文书
2014年小学国庆节活动方案
2014/09/16 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
天坛导游词
2015/02/02 职场文书
在校学生证明格式
2015/06/24 职场文书