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

如何添加、删除HTML结点 & 上传图片预览,第1张

用到Jquery插件

<div class="aa"></div>

<div class="bb"></div>

添加节点: $(".aa").append(".bb") 节点aa后面添加bb节点

删除节点: $(".bb").remove() 删除最后一个节点$(".bb:last").remove()

上传图片预览:

$("#flie").change(function(){ //上传 控件 上传的 预览

$("#img1").attr("src","file:///"+$("#flie").val())

})

<input id="flie" name="flie" type="file" /><br>

<img id="img1" width="500" height="200" src="">

html图片添加的方法如下:

工具:Dell游匣G15、Windows10、记事本2021。

1、首先在电脑中新建一个文件夹(如:web-01),在该文件夹里新建一个html文件(如:index1.html)。

2、接着打开这个html文件,编写一个html的基本框架。

3、接着在头部<head>……</head>中加入插入背景图片的代码。不设置平铺方式的情况下是默认水平竖直都平铺。

4、若要不重复平铺,需要写入“background-repeat:no-repeat”此时,图片只显示一次。

5、编写完成之后,保存为html后缀,如下图所示就完成了。

$sql = "select * from table where id =' ".$id" ' "//其中table改为你的表名,后面是你要删除的那张图片的条件。根据自己情况改一个。

$query = mysql_query($sql)

if($result = mysql_fetch_array($query)){

unlink($result['imgurl'])//imgurl是你的图片存放路径。

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11786282.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存