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实现手把手教你月入万刀(转贴)
Nov 07 Javascript
javascript针对DOM的应用分析(四)
Apr 15 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
JS检测图片大小的实例
Aug 21 Javascript
详解jQuery插件开发中的extend方法
Nov 19 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
Jun 30 Javascript
轮播的简单实现方法
Jul 28 Javascript
webpack-mvc 传统多页面组件化开发详解
May 07 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
Aug 20 Javascript
前端 javascript 实现文件下载的示例
Nov 24 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
咖啡的植物学知识
2021/03/03 咖啡文化
PHP脚本中include文件出错解决方法
2008/11/20 PHP
php 计算两个时间戳相隔的时间的函数(小时)
2009/12/18 PHP
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
php is_numberic函数造成的SQL注入漏洞
2014/03/10 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
JavaScript中的console.log()函数详细介绍
2014/12/29 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
vue使用video插件vue-video-player详解
2020/10/23 Javascript
小程序实现密码输入框
2020/11/16 Javascript
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
python实现用户管理系统
2018/01/10 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
留学自荐信的技巧
2013/10/17 职场文书
大学本科毕业生的自我鉴定
2013/11/26 职场文书
ktv好的活动方案
2014/08/17 职场文书
职工小家建设活动方案
2014/08/25 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
入团申请书格式
2019/06/20 职场文书
PHP中strval()函数实例用法
2021/06/07 PHP
Python实现滑雪小游戏
2021/09/25 Python
从结婚开始的恋爱故事。小说《我的美好婚事》TV动画化决定
2022/04/07 日漫