Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net 如何根据FileUpload控件更改更新UI_Asp.net - Fatal编程技术网

Asp.net 如何根据FileUpload控件更改更新UI

Asp.net 如何根据FileUpload控件更改更新UI,asp.net,Asp.net,我在页面上有一个文件上传控件。一旦用户选择文件,我需要根据文件名更改一些值。我想找出最好的方法。我能看到的唯一选项是在JavaScript中侦听更改事件,然后 a) 强制发回帖子并更新表单 b) 使用JavaScript和一些后端异步调用在客户端更新内容 还有其他选择吗?如果没有,哪一个更可取 谢谢如果您使用jquery,您可以在文件上传的更改中附加一个函数 考虑以下示例html: <input id="myFile" type="file"> <p><label

我在页面上有一个文件上传控件。一旦用户选择文件,我需要根据文件名更改一些值。我想找出最好的方法。我能看到的唯一选项是在JavaScript中侦听更改事件,然后

a) 强制发回帖子并更新表单

b) 使用JavaScript和一些后端异步调用在客户端更新内容

还有其他选择吗?如果没有,哪一个更可取


谢谢

如果您使用jquery,您可以在文件上传的
更改
中附加一个函数

考虑以下示例html:

<input id="myFile" type="file">
<p><label id="myLabel">No File</label></p>
这里有一把小提琴在演奏:

如果不使用jquery,可以执行以下操作:

var upload = document.getElementById("myFile");

upload.onchange = function (e) {   
    var label = document.getElementById("myLabel");
    label.innerHTML = this.value;
};
这里有一把小提琴:

(不过,老实说,从长远来看,我发现在处理ASP.NET控件时使用jquery要简单得多。)

显然,我的样品中标签的变化只是一个例子。不过,按照这种模式,您可以在客户端进行任何需要的更改(而不需要回发)

var upload = document.getElementById("myFile");

upload.onchange = function (e) {   
    var label = document.getElementById("myLabel");
    label.innerHTML = this.value;
};