编程 Javascript

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多图片上传案例

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript权威指南学习笔记之变量作用域分享

Sep 28 Javascript

深入分析js的冒泡事件

Dec 05 Javascript

论JavaScript模块化编程

Mar 07 Javascript

js仿支付宝填写支付密码效果实现多方框输入密码

Mar 09 Javascript

Bootstrap 附加导航（Affix）插件实例详解

Jun 01 Javascript

js学习阶段总结(必看篇)

Jun 16 Javascript

用jmSlip编写移动端顶部日历选择控件

Oct 24 Javascript

Vue.JS入门教程之处理表单

Dec 01 Javascript

vue 详情跳转至列表页实现列表页缓存

Mar 27 Javascript

微信小程序图表插件wx-charts用法实例详解

May 20 Javascript

js尾调用优化的实现

May 23 Javascript

vue使用微信JS-SDK实现分享功能

Aug 23 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