js删除本地图片

<input type="file" id="fileInput">
<button onclick="deleteSelectedImage()">删除图片</button>
<img id="previewImage" src="#" alt="预览图片">

<script>
function deleteSelectedImage() {
    const fileInput = document.getElementById('fileInput');
    const previewImage = document.getElementById('previewImage');
    
    // 清空文件输入
    fileInput.value = '';
    
    // 移除图片预览
    previewImage.src = '';
    previewImage.alt = '预览图片';
}
</script>

<img id="imageToRemove" src="path/to/image.jpg" alt="要删除的图片">
<button onclick="removeImageFromDOM()">删除图片</button>

<script>
function removeImageFromDOM() {
    const imageElement = document.getElementById('imageToRemove');
    if (imageElement) {
        imageElement.parentNode.removeChild(imageElement);
    }
}
</script>