JavaScript上载文件并删除按钮

JavaScript上载文件并删除按钮,javascript,asp.net,Javascript,Asp.net,你好, 我在asp页面上传图像文件,并使用JavaScript代码预览它 我想添加“删除按钮”,从(id=“imgpreview”)和文件路径(id=“FileUploadControl”)中删除图像 我的代码 函数显示预览(输入){ if(input.files&&input.files[0]){ var reader=new FileReader(); reader.onload=函数(e){ $('imgpreview').attr('src',e.target.result); } re

你好, 我在asp页面上传图像文件,并使用JavaScript代码预览它 我想添加“删除按钮”,从(id=“imgpreview”)和文件路径(id=“FileUploadControl”)中删除图像

我的代码

函数显示预览(输入){
if(input.files&&input.files[0]){
var reader=new FileReader();
reader.onload=函数(e){
$('imgpreview').attr('src',e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
函数showImage(){
var add=document.createElement('img');
add.src=''
}

您的代码已经在javascript中添加了图像,因此您可以在html/aspx中添加“删除图像”按钮

<input type='button' onclick='removeImg();' value='remove image'>

您可以检查“如果”图像被删除后的代码。

showImage应该做什么?感谢您的帮助,您的代码正在工作,仅删除“imgpreview”我想从“FileUpload1”中删除图像路径。有关“编辑”fileupload,您可以参考以下内容:
function removeImg() {
    document.getElementById('imgpreview').src = '';
}