最近在做项目时，遇到一些用户操作方面的问题，用户想点击input file控件的浏览就直接将文件读取到列表中，我使用StreamReader读取文件时，遇到IO权限的问题，要想读取文件到StreamReader中必须对该文件享有User可读权限，许多用户的客户端不可能手动设置给这个用户的权限，考虑到安全问题，我只好先上传到服务器端，然后再读取上传后的文件，这样权限问题就解决了。但是直接点击input file控件就上传，就要使用异步上传了，我在寻找file控件的部分事件时，发现onchange竟然存在这样一个问题，第一次浏览时是可以使用的，再浏览时onchange也就不激发了，为什么呢，曾经想过onpropertychange这个事件，尝试后依然不激发。
最近在做项目时，遇到一些用户操作方面的问题，用户想点击input file控件的浏览就直接将文件读取到列表中，我使用StreamReader读取文件时，遇到IO权限的问题，要想读取文件到StreamReader中必须对该文件享有User可读权限，许多用户的客户端不可能手动设置给这个用户的权限，考虑到安全问题，我只好先上传到服务器端，然后再读取上传后的文件，这样权限问题就解决了。但是直接点击input file控件就上传，就要使用异步上传了，我在寻找file控件的部分事件时，发现onchange竟然存在这样一个问题，第一次浏览时是可以使用的，再浏览时onchange也就不激发了，为什么呢，曾经想过onpropertychange这个事件，尝试后依然不激发。
后来我寻找了一个解决方法，就是每点击浏览激活onchange事件一次，就重新初始化一下这个控件，毕竟第一次onchange是可以激发的。代码如下：
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript" src="js/jquery.pack.js"></script>
<script language="javascript" type="text/javascript" src="js/ajaxfileupload.js"></script>
<script type="text/javascript">
$(function(){
$("#File1").change(function(){
fileOnchage();
});
});
function fileOnchage()
{
var content = '\
<input id="File1" name="File1" type="file" onchange="fileOnchage();" />\
';
$("#dv").append(content);
$.ajaxFileUpload({
url:'response/Handler.ashx', //需要链接到服务器地址
secureuri:false,
fileElementId:'File1', //文件选择框的id属性
dataType: 'json', //服务器返回的格式，可以是json
success: function (data, status){
//bind(data);
},
error: function (data, status, e)
{
alert(e);
}
});
$("#File1").remove();
}
</script>
</head>
<body>
<form id="form1" method="post" action="" enctype="multipart/form-data">
<div id="dv">
<input id="File1" name="File1" type="file" />
</div>
</form>
</body>
</html>
我利用了jquery的remove方法，remove方法只会移除单个元素，所以新添加的会代替原来的继续使用。不知道大家有没有更好的办法。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript" src="js/jquery.pack.js"></script>
<script language="javascript" type="text/javascript" src="js/ajaxfileupload.js"></script>
<script type="text/javascript">
$(function(){
$("#File1").change(function(){
fileOnchage();
});
});
function fileOnchage()
{
var content = '\
<input id="File1" name="File1" type="file" onchange="fileOnchage();" />\
';
$("#dv").append(content);
$.ajaxFileUpload({
url:'response/Handler.ashx', //需要链接到服务器地址
secureuri:false,
fileElementId:'File1', //文件选择框的id属性
dataType: 'json', //服务器返回的格式，可以是json
success: function (data, status){
//bind(data);
}
});
$("#File1").remove();
}
</script>
</head>
<body>
<form id="form1" method="post" action="" enctype="multipart/form-data">
<div id="dv">
<input id="File1" name="File1" type="file" />
</div>
</form>
</body>
</html>
fredlau
fredlau
fredlau
fredlau
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新：园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
· 使用C#创建一个MCP客户端