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 相关文章推荐
Jquery 基础学习笔记
May 29 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
表单中单选框添加选项和移除选项
Jul 04 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
JS实现提示效果弹出及延迟隐藏的功能
Aug 26 Javascript
通过原生vue添加滚动加载更多功能
Nov 21 Javascript
使用JavaScript通过前端发送电子邮件
May 22 Javascript
谈一谈vue请求数据放在created好还是mounted里好
Jul 27 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版本号
2006/10/09 PHP
PHP SOCKET编程详解
2015/05/22 PHP
thinkPHP中分页用法实例分析
2015/12/26 PHP
PHP+Apache环境中如何隐藏Apache版本
2017/11/24 PHP
tp5(thinkPHP5)框架连接数据库的方法示例
2018/12/24 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
javascript全局变量封装模块实现代码
2012/11/28 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
easyui validatebox验证
2016/04/29 Javascript
深入浅析search 搜索框的写法
2016/08/02 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
Windows下快速搭建NodeJS本地服务器的步骤
2017/08/09 NodeJs
ReactNative 之FlatList使用及踩坑封装总结
2017/11/29 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
Python中三元表达式的几种写法介绍
2019/03/04 Python
Python安装与基本数据类型教程详解
2019/05/29 Python
python重要函数eval多种用法解析
2020/01/14 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
英国健身超市:Fitness Superstore
2019/06/17 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
高中美术教学反思
2014/01/19 职场文书
搞笑爱情保证书
2014/04/29 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
学习退步检讨书
2014/09/28 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
如何让2019年上半年的工作总结更出色!
2019/07/01 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android