图片上传时添加，删除图片

最新推荐文章于 2024-03-31 12:28:49 发布

happylifeng

最新推荐文章于 2024-03-31 12:28:49 发布

阅读量504

点赞数

分类专栏：前端文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/happylifeng/article/details/84487426

版权

前端专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <script>
  var Browser = new Object();
Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument != 'undefined');
Browser.isIE = window.ActiveXObject ? true : false;
Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1);
Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1);
Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1);

//返回行的下标
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;
      }
    }
  }
}

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-");
}

/**
 * 删除图片上传
 */
function removeImg(obj)
{
    var row = rowindex(obj.parentNode.parentNode);
    var tbl = document.getElementById('gallery-table');

    tbl.deleteRow(row);
}
  </script>
 </head>

 <body>
<table width="90%" id="gallery-table" style="display:" align="center">
  <tr>
    <td>
      <a href="javascript:;" οnclick="addImg(this)">[+]</a>
        图片描述 <input type="text" name="img_desc[]" size="20" />
        上传图片 <input type="file" name="img_url[]" />
    </td>
  </tr>
</table>
 </body>
</html>

happylifeng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图片上传时添加，删除图片

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt; New Document &lt;/title&gt; &lt;s
复制链接

扫一扫