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 相关文章推荐
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
JS小功能(列表页面隔行变色)简单实现
Nov 28 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
js实现a标签超链接提交form表单的方法
Jun 24 Javascript
Sort()函数的多种用法
Mar 20 Javascript
js实现拖拽上传图片功能
Aug 01 Javascript
使用ng-packagr打包Angular的方法示例
Sep 21 Javascript
vue实现树形结构样式和功能的实例代码
Oct 15 Javascript
JS实现时间校验的代码
May 25 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
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使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
php7 新增功能实例总结
2020/05/25 PHP
jQuery Ajax 实例全解析
2011/04/20 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
CSS3 3D 技术手把手教你玩转
2016/09/02 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
Angular父子组件通过服务传参的示例方法
2018/10/31 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
使用python 获取进程pid号的方法
2014/03/10 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
Python3远程监控程序的实现方法
2019/07/15 Python
python实现二分类的卡方分箱示例
2019/11/22 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
关于递归的一道.NET面试题
2013/05/12 面试题
学生会竞选自荐信
2013/10/12 职场文书
新书发布会策划方案
2014/06/09 职场文书
银行求职自荐书
2014/06/25 职场文书
大学迎新标语
2014/06/26 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
未婚证明书模板
2014/10/08 职场文书
2016年大学光棍节活动总结
2016/04/05 职场文书
基于tensorflow权重文件的解读
2021/05/26 Python
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python
SQLServer常见数学函数梳理总结
2022/08/05 MySQL