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 相关文章推荐
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
js将当前时间格式转换成时间搓(自写)
Sep 26 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
让alert不出现弹窗的两种方法
May 18 Javascript
text-align:justify实现文本两端对齐 兼容IE
Aug 19 Javascript
如何实现移动端浏览器不显示 pc 端的广告
Oct 15 Javascript
js 将图片连接转换成base64格式的简单实例
Aug 10 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 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实现网上点歌(二)
2006/10/09 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
PHP动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
php通过记录IP来防止表单重复提交方法分析
2014/12/16 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
Vue.js 表单控件操作小结
2018/03/29 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
vue视频播放插件vue-video-player的具体使用方法
2019/11/08 Javascript
Vue + ts实现轮播插件的示例
2020/11/10 Javascript
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
Fabric 应用案例
2016/08/28 Python
Python 使用SMTP发送邮件的代码小结
2016/09/21 Python
Python有序查找算法之二分法实例分析
2017/12/11 Python
Python学习笔记之文件的读写操作实例分析
2019/08/07 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
ghd官网:英国ghd直发器品牌
2018/05/04 全球购物
几道Web/Ajax的面试题
2016/11/05 面试题
班子个人四风问题整改措施
2014/10/04 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
2015年学校综合治理工作总结
2015/07/20 职场文书
公司业务员管理制度
2015/08/05 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
PHP命令行与定时任务
2021/04/01 PHP
Nginx配置https的实现
2021/11/27 Servers
MySQL 条件查询的常用操作
2022/04/28 MySQL
Win11运行cmd提示“请求的操作需要提升”的两种解决方法
2022/07/07 数码科技