编程 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 css float属性的特殊写法

Nov 13 Javascript

javascript权威指南学习笔记之javascript数据类型

Sep 24 Javascript

浅析JQuery UI Dialog的样式设置问题

Dec 18 Javascript

JavaScript代码编写中各种各样的坑和填坑方法

Jun 06 Javascript

js+css实现有立体感的按钮式文字竖排菜单效果

Sep 01 Javascript

JQuery中Ajax()的data参数类型实例分析

Dec 15 Javascript

ES6中如何使用Set和WeakSet

Mar 10 Javascript

jquery之别踩白块游戏的简单实现

Jul 25 Javascript

jQuery实现html双向绑定功能示例

Oct 09 jQuery

js常用正则表达式集锦

May 17 Javascript

js的Object.assign用法示例分析

Mar 05 Javascript

如何在vue中使用kindeditor富文本编辑器

Dec 19 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