站长资源 网络编程

添加、删除HTML结点 & 上传图片预览

整理:jimmy2026/8/5浏览2次

简介1.添加、删除HTML结点 2.上传图片预览添加、删除HTML结点 & 上传图片预览删除删除增加附件图片预览： [Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

1.添加、删除HTML结点
2.上传图片预览

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title> 添加、删除HTML结点 & 上传图片预览 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="author" content="枫岩,http://www.cnlei.com"> <meta name="keywords" content="" /> <meta name="description" content="" />  </head> <body> <ul id="TplNode" style="display:none;"> <li><input type="file" name="" value="" size="64" onchange="PreviewImg(this,'PrevImg');" />&nbsp;删除</li> </ul> <ul id="UpFiles"> <li><input type="file" name="" value="" size="64" onchange="PreviewImg(this,'PrevImg');" />&nbsp;删除</li> </ul> <p>增加附件</p> <p>图片预览：<br><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/u_35653.gif');"><img src="/UploadFiles/2021-04-02/u_35653.gif" alt="添加、删除HTML结点 & 上传图片预览" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></p> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：一个JavaScript继承的实现

下一篇：改进版：在select中添加、修改、删除option元素

站长资源网络编程

添加、删除HTML结点 & 上传图片预览

最新资源