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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
javascript 拖动表格行实现代码
May 05 Javascript
javascript实现rgb颜色转换成16进制格式
Jul 10 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
JavaScript程序设计之JS调试
Dec 09 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
微信小程序 网络API 上传、下载详解
Nov 09 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
vue filters的使用详解
Jun 11 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 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+MYSQL的文章管理系统(一)
2006/10/09 PHP
木翼下载系统中说明的PHP安全配置方法
2007/06/16 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
微信小程序 消息推送php服务器验证实例详解
2017/03/30 PHP
PHP实现的DES加密解密封装类完整实例
2017/04/29 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
微信小程序 chooseImage选择图片或者拍照
2017/04/07 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
关于Vue实现组件信息的缓存问题
2017/08/23 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
JQuery中的常用事件、对象属性与使用方法分析
2019/12/23 jQuery
JS实现简易留言板特效
2019/12/23 Javascript
如何在postman中添加cookie信息步骤解析
2020/06/30 Javascript
教你如何在Django 1.6中正确使用 Signal
2014/06/22 Python
Python获取linux主机ip的简单实现方法
2016/04/18 Python
Python中if elif else及缩进的使用简述
2018/05/31 Python
Python文件时间操作步骤代码详解
2020/04/13 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
国际贸易个人求职信范文
2014/01/04 职场文书
秦兵马俑教学反思
2014/02/07 职场文书
大三学习计划书范文
2014/05/02 职场文书
食品安全工作方案
2014/05/07 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL