如何使用javascript从ASP.NET中的文件上传控件获取文件名到文本框中

我正在使用一个图像，我将点击它并打开上传文件控件并将文件名输入文本框

< script type =text / javascript >

$（document）.ready（function（）{

$（document）.on（'change'，'＃<％= flUploadFile.ClientID ％>'，函数（e）{



$（'＃<％= txtDetailFile.ClientID％>'）。val（e.target.files [0] .name）;



}）;



$（'＃<％= imgDetailFile.ClientID％>'）。点击（功能（e）{



$（'＃<％= flUploadFile.ClientID％>'）。 （'点击'）;



}）;

}）;

< / script>



这个文件上传浏览器正在打开，但文件名不在文本框中当我在使用警报（）;那么文件名就在文本框中了



那么如何在没有警报的情况下将文件名放入文本框



我尝试了什么：



< script type =text / javascript>

$（document）.ready（function（）{

$（document）.on（'change'，'＃<％= flUploadFile。 ClientID％>'，函数（e）{



$（'＃<％= txtDetailFile.ClientID％>'）。val（e.target。 files [0] .name）;

}）;



$（'＃<％= imgDetailFile.ClientID％>' ）.click（function（e）{



$（'＃<％= flUploadFile.ClientID％>'）。trigger（'click'）;

alert（）;

}）;

}）;

< / script>

i am using a image on which i will click and open upload file control and get the file name into text box
<script type="text/javascript">
$(document).ready(function () {
$(document).on('change', '#<%= flUploadFile.ClientID%>', function (e) {

$('#<%= txtDetailFile.ClientID%>').val(e.target.files[0].name);

});

$('#<%=imgDetailFile.ClientID%>').click(function (e) {

$('#<%= flUploadFile.ClientID%>').trigger('click');

});
});
</script>

in this the file upload browser is opening but the file name not coming in text box and when i am using alert(""); then the file name is coming in textbox

So how can i take file name in to text box without alert

What I have tried:

<script type="text/javascript">
$(document).ready(function () {
$(document).on('change', '#<%= flUploadFile.ClientID%>', function (e) {

$('#<%= txtDetailFile.ClientID%>').val(e.target.files[0].name);
});

$('#<%=imgDetailFile.ClientID%>').click(function (e) {

$('#<%= flUploadFile.ClientID%>').trigger('click');
alert("");
});
});
</script>