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 相关文章推荐
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
Jun 05 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
Highcharts入门之简介
Aug 02 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
web前端页面生成exe可执行文件的方法
Feb 08 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
Sep 14 Javascript
微信小程序 弹窗输入组件的实现解析
Aug 12 Javascript
vue-cli 为项目设置别名的方法
Oct 15 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切割页面div内容的实现代码分享
2012/07/31 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
Javascript typeof 用法
2008/12/28 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
2013/04/23 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
2017/06/30 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
canvas轨迹回放功能实现
2017/12/20 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
[08:08]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY
2014/06/25 DOTA
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
学习python处理python编码问题
2011/03/13 Python
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
Python常用内置模块之xml模块(详解)
2017/05/23 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
Python序列类型的打包和解包实例
2019/12/21 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
Python matplotlib绘制图形实例(包括点,曲线,注释和箭头)
2020/04/17 Python
Python如何对齐字符串
2020/07/30 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
初中生个人学习的自我评价
2013/12/04 职场文书
清华大学自主招生自荐信
2014/01/29 职场文书
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
滞留工资返还协议书
2014/10/19 职场文书
2015年预备党员自我评价
2015/03/04 职场文书
公司放假通知范文
2015/04/14 职场文书
医德医风学习心得体会
2016/01/25 职场文书
用JS创建一个录屏功能
2021/11/11 Javascript
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python