`
狂奔的蜗牛zyx
  • 浏览: 18796 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

动态添加删除上传图片标签

阅读更多
<script type="text/javascript">
	var Browser = new Object();
	Browser.isIE = window.ActiveXObject ? true : false;
	//获取行数
	function rowindex(tr)
	{
	  if (Browser.isIE)
	  {
	    return tr.rowIndex;
	  }
	  else
	  {
	    table = tr.parentNode.parentNode;
	    for (i = 0; i < table.rows.length; i ++ )
	    {
	      if (table.rows[i] == tr)
	      {
	        return i;
	      }
	    }
	  }
	}
//添加input
function addImg(obj)
{
  var src  = obj.parentNode.parentNode;
  var idx  = rowindex(src);
  var tbl  = document.getElementById('gallery-table');
  var row  = tbl.insertRow(idx + 1);
  var cell = row.insertCell(-1);
  cell.innerHTML = src.cells[0].innerHTML.replace(/(.*)(addImg)(.*)(\[)(\+)/i, "$1removeImg$3$4-");
}
//删除input
function removeImg(obj)
{
  var row = rowindex(obj.parentNode.parentNode);
  var tbl = document.getElementById('gallery-table');
  tbl.deleteRow(row);
}
</script>
  
  
<body>
	<table width="90%" id="gallery-table" align="center">
	  <tbody>
	  <tr><td></td></tr>
	  <tr><td>&nbsp;</td></tr>
	  <tr>
	    <td>
	      <a href="javascript:;" onclick="addImg(this)">[+]</a>
	      图片描述 <input type="text" name="img_desc[]" size="20"/>
	      上传文件 <input type="file" name="img_url[]"/>
	    </td>
	  </tr>
	</tbody>
	</table>
  </body>
</html>
分享到:
评论

相关推荐

    JSP 动态多文件上传标签库

    动态多文件上传(Dynamic Multiple File Upload)标签库v1.5 功能:实现文件的批量上传,可以对文件格式及数量的限制,可以删除不想上传的文件,在操作过程中不会上传所选文件,JS完全封装,只需要引入相应的JS文件并...

    js动态添加file标签

    js动态添加生成多个file和删除按钮,并上传到服务器

    tabview动态实现视图标签页面+窗口分割+treeview显示内容+动态添加控件+在视图里面画图,带皮肤文件

    包含主要内容:tabview实现视图标签页面+窗口分割+treeview显示内容+动态添加控件+在视图里面画图+链表存储+orale数据库(此程序未带,带了你就运行不了了),可以咨询本人,里面有联系方式)+带皮肤文件 ...

    ios-仿新浪上传图片手势排序,删除,多张照片选择,自定义标签.zip

    类似于新浪图片上传的效果。可以手机摄像头和相册多张选择图片。相册图片实现拖动拖动效果。照片的删除,以及自定义标签的选择效果。 下载地址https://github.com/liuhuan3344/photo

    主题批量添加标签(tags)插件 for PHPwind7.5 sp3/sp2.rar

    PHPwind7.5 sp3/sp2主题批量添加标签(tags)插件 功能介绍:可以针对某一版块,自动批量对该版块下的所有主题添加tags 测试环境:phpwind7.5 sp2下测试通过 。sp3也能用,因为标签的数据结构基本没变过。 使用...

    基于PHP实现的WEB图片共享系统(源代码+论文)

    图片管理应该包括的基本内容:图片的删除,图片的添加,图片分类的添加以及删除,图片任务的添加以及删除,图片标签的添加以及删除。 同时,在图片管理中,用户能够以比较直观的方式查看自己上传的图片。图片展现...

    基于PHP的图片共享系统的设计与实现源码和文档

    图片管理应该包括的基本内容:图片的删除,图片的添加,图片分类的添加以及删除,图片任务的添加以及删除,图片标签的添加以及删除。 同时,在图片管理中,用户能够以比较直观的方式查看自己上传的图片。 3.1.5图片...

    基于PHP的图片共享系统的设计与实现源码和文档分享

    图片管理应该包括的基本内容:图片的删除,图片的添加,图片分类的添加以及删除,图片任务的添加以及删除,图片标签的添加以及删除。 同时,在图片管理中,用户能够以比较直观的方式查看自己上传的图片。 3.1.5图片...

    php图片共享系统(源代码+LW).zip

    图片管理应该包括的基本内容:图片的删除,图片的添加,图片分类的添加以及删除,图片任务的添加以及删除,图片标签的添加以及删除。 同时,在图片管理中,用户能够以比较直观的方式查看自己上传的图片。 图片展现 ...

    基于SSM框架的java学习交流平台的设计与实现110912(附源码+数据库)

    2、主页上方有一级标签,可以在管理员界面添加删除一级标签。点击确认一级标签之后出现二级标签,管理员可以添加删除二级标签。一级标签上方有搜索框可以搜索文章、资料。右侧为头像,点击进入个人主页 3、个人主页...

    电子商务商城网站代码

    商品品牌管理 | 添加:商品品牌类别及类别下的子类添加删除功能 商品属性管理 | 添加: 该商品各个属性是否填写和排序,可选值的控制 商品单位管理 | 添加: 商品单位的的修改和添加 商品批量导入 (商品批量导入...

    PHPCMS V9.6.6 修改版

    41. 编辑器添加本地图片自动上传 42. 升级为CK4.16.1编辑器 43. 无用文件清理 44. 修改生成缩略图函数thumb 45. 修改获取用户头像函数get_memberavatar 46. 修改原来上传类处理文件,删除原上传类处理文件,新增...

    搜拍图片管理专家V2.0

    打包上传时可自由添加图片标签及文字描述 &lt;br&gt; &lt;br&gt;批量下载自己和好友的图片 不用打开Internet Explorer也可以查看自己和好友的所有图片 &lt;br&gt; &lt;br&gt;在本地编辑/删除/管理网络相册 ...

    Gallery4U 图片管理系统 v1.25.rar

    9.添加删除图片集后不再直接更新二级分类索引页,降低资源消耗,会在栏目管理页以红色标出需要更新首页的栏目名称。 10.可以选择是否为每个图片添加说明,可以选择是否支持html,增加了{imageintro}标签 11.修正自定义...

    使用vue构建一个上传图片表单

    比如刚开始写的代码中犯的错误,有一个页面中的input标签是并列多个的,而且name属性的值是自增的,那么我就用v-for循环下,把index填充进去就行了,删除的时候根据index再进行删除。于是代码是这样的: html: &lt...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点  * 可以...

    PHP实现上传多图即时显示与即时删除的方法

    其实是,当type=file的input框框的onchange事件===》》》post数据提交到隐藏的ifram(form表单的target指定)===》》》接收到post数据的直接 echo script标签来返回数据到前端页面并且赋值,然后存储图片路径也是用...

    图片管理系统(桃源相册管理)

    53.上传时可自由设置是否在照片上添加文字水印、图片水印或不添加水印。 54.用户分组设置,可分多组域名及多台服务器协同管理。 55.仅需为程序目录及用户存放目录设置写入及修改权限,系统更安全。 56.完美兼容fire...

    PlugNT CMS V3.9正式版源码20130809

    16.添加baseif baseelse itemif itemelse channel child 等标签,包含动态页标签,强化生成功能 17.添加首页生成,全站生成 18.添加自定义表单 19.添加标签管理 20.添加高亮显示 21.优化预加载 22.添加多个公共通用...

    PlugNT CMS V3.9正式版源码

    16.添加baseif baseelse itemif itemelse channel child 等标签,包含动态页标签,强化生成功能 17.添加首页生成,全站生成 18.添加自定义表单 19.添加标签管理 20.添加高亮显示 21.优化预加载 22.添加多个公共通用...

Global site tag (gtag.js) - Google Analytics