用js将图片清空的问题

1、新建一个html文件，命名为test.html，用js删除图片。

2、在test.html文件内，使用p标签创建多段文字，同时设置每个p标签id属性,主要用于下面使用js获得对应的p标签对象。

3、在test.html文件内，使用button标签创建一个“删除html”的按钮。

4、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行delhtml()函数。

5、在js标签内，创建delhtml()函数，在函数内实现对指定的p图片进行删除。

6、在myfun()函数内，通过getElementById()方法获得p标签对象，使用remove()方法删除html。在浏览器中打开test.html文件，点击按钮，就可以了。

php+mysql 删除图片在数据库记录的同时删除图片文件举例说明：

<A href="?act='mypicdel&id=<?=$row['id']?>" style="color:#FF0000" onClick="return confirm('确定要删除吗')">删除</A>

if($act == 'mypicdel')

{

$id = !empty($_GET['id']) ? intval($_GET['id']) : ''

//$filename 为你的图片地址，是从数据库里读出的

$sql = "SELECT * FROM wkcx_user WHERE id=$id" // 查询表，取得图片的完整地址

$res = $db->query($sql)

$row = $db->getarray($res)

$filename = $row['avatar'] //给图片地址赋一个变量，大图

$filesmallname = $row['small_img']//缩略图

if(file_exists($filename) &&file_exists($filesmallname))

{ //检查图片文件是否存在

unlink($filename)

unlink($filesmallname)

}

else

{

goBakMsg("文件不存在或路径有误！")//jsd出窗口，我的封装了！可修改为 echo "<script>alert('有误')window.go(-1)</script>"

exit

}

$sql = "UPDATE wkcx_user SET avatar='',small_img='' WHERE id='$id'"//我这个是头像，所以修改为空，如果是图片，直接删除就可以了

$db->query($sql)

urlMsg('删除成功','my_photo.php') //同上，我封装了，就是一个提示+跳转！

$sql = "DELETE FROM wkcx_user_pic WHERE id='$id'" //图片的时候，直接删除图片记录！

$db->query($sql)

urlMsg('删除成功','my_photo.php')

}

备注：一定要注意，先删除图片文件，在删除数据库记录！

1、明白一些概览：

1）上传的图片并没有真正的存储在oracle数据库里，orcale数据库里其实存储的是图片的路径。

2）从浏览器上传图片到后端Action，action调用相应文件存储逻辑（文件存储系统）由文件存储系统完成图片的存储，并返回文件的路径。最后将这个路径保存到oracle数据库（这个部分可以很简单也可以很复杂视实际情况而定）。

2、相关删除逻辑，通过数据库里的文件路径找到实际的存储位置执行删除。删除成功后再删除数据库里相关记录。

---