file上传控件onchange事件失效的解决方法
标签: file 上传 控件 2008-11-22 23:05
最近在做项目时，遇到一些用户操作方面的问题，用户想点击input file控件的浏览就直接将文件读取到列表中，我使用StreamReader读取文件时，遇到IO权限的问题，要想读取文件到StreamReader中必须对该文件享有User可读权限，许多用户的客户端不可能手动设置给这个用户的权限，考虑到安全问题，我只好先上传到服务器端，然后再读取上传后的文件，这样权限问题就解决了。但是直接点击input file控件就上传，就要使用异步上传了，我在寻找file控件的部分事件时，发现onchange竟然存在这样一个问题，第一次浏览时是可以使用的，再浏览时onchange也就不激发了，为什么呢，曾经想过onpropertychange这个事件，尝试后依然不激发。
后来我寻找了一个解决方法，就是每点击浏览激活onchange事件一次，就重新初始化一下这个控件，毕竟第一次onchange是可以激发的。代码如下：
<!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方法只会移除单个元素，所以新添加的会代替原来的继续使用。不知道大家有没有更好的办法。。。
分享到：
相关推荐
最近在使用layui框架做城市的三级级联的时候，发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。 html <select lay-filter=test></...
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey ...
人脸识别项目实战
内容概要：本文详细描述了一个完整的Web应用程序的开发过程。该项目主要采用了Hono作为服务器框架，Prisma作为ORM工具，JWT用于认证鉴权，以及一系列现代化的最佳实践确保系统的健壮性和安全性。项目初期构建了基础架构，并设置了必要的依赖和工具。在后端方面涵盖了公共API接口的设计、CRUD增删改查逻辑、用户认证和授权等功能。此外还特别关注到了API的安全保护，如输入输出的校验，跨站请求伪造CSRF的防范，XSS防御等措施；为确保代码的质量引入了代码检测（比如ESLint搭配Prettier），并建立了完善的测试框架以保障后续开发阶段的功能正确。对于可能出现的问题预先定义了一组规范化的异常响应，并提供OpenAPI文档以方便开发者理解和调用。数据存储层面上利用了关系型与非关系型数据库各自的特性，实现了数据的有效组织，最后提供了实用的脚本，可用于种子数据插入以及执行必要的初始化工作。 适合人群：面向具有一定JavaScript/TypeScript开发经验，尤其是Node.js后台服务搭建经验的中级程序员和技术团队。 使用场景及目标：这份材料非常适合那些需要快速建立安全高效的RES
【资源介绍】 1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，也可以作为小白实战演练和初期项目立项演示的重要参考借鉴资料。 3、本资源作为“学习资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研和多多调试实践。 掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip掌静脉识别算法源码（门禁）.zip
手势识别项目实战
（参考GUI）MATLAB BP的交通标志系统.zip
人脸识别项目实战
内容概要：本文详细介绍了 C++ 函数的基础概念及其实战技巧。内容涵盖了函数的基本结构（定义、声明、调用）、多种参数传递方式（值传递、引用传递、指针传递），各类函数类型（无参无返、有参无返、无参有返、有参有返），以及高级特性（函数重载、函数模板、递归函数）。此外，通过实际案例展示了函数的应用，如统计数组元素频次和实现冒泡排序算法。最后，总结了C++函数的重要性及未来的拓展方向。 适合人群：有一定编程基础的程序员，特别是想要深入了解C++编程特性的开发人员。 使用场景及目标：① 学习C++中函数的定义与调用，掌握参数传递方式；② 掌握不同类型的C++函数及其应用场景；③ 深入理解函数重载、函数模板和递归函数的高级特性；④ 提升实际编程能力，通过实例强化所学知识。 其他说明：文章以循序渐进的方式讲解C++函数的相关知识点，并提供了实际编码练习帮助理解。阅读过程中应当边思考边实践，动手实验有助于更好地吸收知识点。
Comsol光学仿真模型：包括纳米球 柱 Mie散射多级分解 ,Comsol光学仿真模型; 纳米球; 柱; Mie散射; 多级分解,Comsol光学仿真模型：纳米结构Mie散射多级分解
永磁同步电机全速域控制高频方波注入法、滑模观测器法SMO、加权切矢量控制Simulink仿真模型 低速域采用高频方波注入法HF，高速域采用滑膜观测器法SMO，期间采用加权形式切 送前方法 1、零低速域，来用无数字滤波器高频方波注入法， 2.中高速域采用改进的SMO滑模观测器，来用的是sigmoid函数，PLL锁相环 3、转速过渡区域采用加权切法 该仿真各个部分清晰分明，仿真波形效果良好内附详细控制方法资料lunwen 带有参考文献和说明文档，仿真模型 ,核心关键词： 1. 永磁同步电机; 2. 全速域控制; 3. 高频方波注入法; 4. 滑模观测器法SMO; 5. 加权切换矢量控制; 6. Simulink仿真模型; 7. 零低速域控制; 8. 中高速域控制; 9. 转速过渡区域控制; 10. 仿真波形效果; 11. 详细控制方法资料; 12. 参考文献和说明文档。,永磁同步电机多域控制策略的仿真研究
基于蜣螂优化算法的无人机三维路径规划【23年新算法应用】可直接运行 Matlab语言 主要内容：读取地形数据，利用蜣螂算法DBO优化三维路径，目标函数为总路径最短，同时不能撞到障碍物，效果如图所示，包括迭代曲线图、三维路径图、二维平面图等等 ,基于蜣螂优化算法;无人机;三维路径规划;总路径最短;障碍物避免;Matlab语言;迭代曲线图;三维路径图;二维平面图,蜣螂算法优化无人机三维路径规划：实时避障、路径最短新应用
清华大学2024年研究生复试上机考试题.zip
南京理工大学研究生入学考试2011年复试上机试题
手势识别项目实战
这里是3501的内容，用于复习资料
异步电动机变压变频调速系统，包含六千多字的文档、框架图、Simulink仿真模型，电力拖动、电机控制仿真设计 仿真模型+报告 开关闭环对比仿真都有，资料如图所见如所得 ,异步电动机；变压变频调速系统；六千字文档；框架图；Simulink仿真模型；电力拖动；电机控制仿真设计；开闭环对比仿真；资料如图。,异步电机控制仿真系统：六千字详解与图解
人脸识别项目实战
手势识别项目实战