ie8文件上传onchange无效

最新推荐文章于 2020-09-13 13:45:34 发布
原创 最新推荐文章于 2020-09-13 13:45:34 发布 · 2.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie 8 #bug #上传 #onchange

本文讨论了在使用IE8浏览器时遇到的文件上传onchange事件无效的问题，详细介绍了问题产生的原因——file的click事件由按钮触发导致无效，并提供了通过使input标签完全覆盖a标签来解决该问题的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

关于ie8文件上传onchange事件无效

前几天，在修改一个关于文件上传bug时，发现谷歌，火狐都能顺利上传，唯独ie8无法上传。经过调试，原因是没有触发onchange事件，而主要的原因是，file的click事件是由它旁边的按钮通过dispatchEvent而触发，所以导致无效。解决方案：

    <a href="javascript:void(0)">上传</a>
    <input type="file" style="opacity:0;position:absolute;z-index:1000;left:0"/>

使上面的input完完全全覆盖a标签，即可完成解决问题。

Java利用jQuery的ajaxFileUpload异步上传文件的几种方式
逍遥飞鹤的专栏
09-25 1万+
使用jQuery的ajaxFileUpload控件以ajax方式上传附件有较好的用户体验，在某SSH2项目开发中，使用了ajaxFileUpload实现了附件的上传，具体过程如下： 1、引入及修改ajaxFileUpload.js [html] view plaincopy script type="text/javascript" src
javascript checkbox/radio onchange不能兼容ie8处理办法
10-19
主要介绍了javascript checkbox/radio onchange不能兼容ie8处理办法的相关资料,需要的朋友可以参考下
onchange事件在IE内核下无法触发
qq_32900003的博客
09-29 1426
onpropertychange事件在IE内核下效果等同于onchange事件
IE8环境下select onchange失效了解决办法
01-03 6343
一般主流浏览器都是兼容select绑定时事件onchange的，但是有些情况下因为很奇怪的原因，这个事件会失效。针对前段时间我在做这个东西的时候出现了这个问题，现在就我的解决方法跟大家分享一下。希望大家在以后的开发过程中少采一些坑··· 项目一 项目二 项目三 项目四 function getProject(value){ alert("您选择的项目为："+
ie下onchange事件触发不到
隐0士的博客
08-24 7186
在项目中用到checkbox时，想实现checkbox选中和不选中时触发事件，绑定了onchange事件，在火狐下当值改变时，会触发这个事件，但是在ie下却不会，是在失去焦点后，才会触发这个事件，在丢失焦点时才触发，那其实就基本等同于onblur事件了。于是上网找了一下其他的时间，最后得出的结论是，如果还要用onchange时间，那就根据浏览器类型判断 ，如果是ie则绑定onpropertycha
Input file上传重复文件不调用onchange事件
王小义笔记
09-13 826
用input file上传文件，掉用onchange方法时，第二次点击相同的文件，上传框内容同名导致函数功能失效 input[type=file]使用的是onchange去做，onchange监听的为input的value值，只有再内容发生改变的时候去触发，而value在上传文件的时候保存的是文件的内容，只需要在上传成功的回调里面，将当前input的value值置空即可。event.target.value=“”； 增加到你对重复上传判断的函数体内即可。 ...
客户端js判断文件类型和文件大小即限制上传大小
10-26
通过以上步骤，该示例实现了在客户端对文件上传的限制，提高了系统的安全性和效率，避免了无效或超大的文件被提交到服务器，减少了服务器处理的压力。这种方法在实际项目中非常实用，尤其是处理大量用户上传文件的...
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
09-05
在IE7和IE8中，由于安全性的提升，不再允许直接访问文件路径。因此，需要采用一种更复杂的方法。当用户选择图片后，可以通过`select`事件获取文件对象，然后利用滤镜`DXImageTransform.Microsoft.AlphaImageLoader`...
Html5 FileReader实现即时上传图片功能实例代码
09-28
由于项目需求，本文未涉及对IE8的支持。 HTML5的FileReader接口是现代Web开发中的一个重要工具，它允许网页直接读取用户设备上的文件，无需服务器的介入。这对于实现即时预览和上传图片等功能非常有用。以下是一个...
Layui文件上传异常诊断指南：方法、技巧与实战操作
[Layui文件上传异常诊断指南：方法、技巧与实战操作](https://img-blog.csdnimg.cn/20200506175715148.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3...
关于onchange事件在IE和FF下的表现及解决方法
01-19
在最近做的一个项目中，有这么一个功能点：页面上有一个checkbox，当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求。当时的实现是为这个checkbox添加一个onchange事件，但结果却出人意料，为此，我深入的研究了一下，发现了onchange事件在IE和FF下的表现存在着以下问题。 问题①：在FF下，当改变checkbox的选中状态时，会马上触发onchange事件。但在IE下改变checkbox的选中状态时，并不会马上出发onchange事件，而是需要等待checbox失去焦点时该事件才会出发。 为了解决这个问题，我在checkbox的onclick事件里添加了
IE 8下输入框自动提示 不能触发change事件
chunfeng2123的博客
01-09 400
如上图所示,在使用了提示输入后,并没有即时校验,主要在于使用提示输入,没能触发校验事件, 这里提供一个很简单的解决办法,即把自动提示关掉, 可以在form表单或input元素上加上 autocomplete="off" <formautocomplete="off"&g...
checkbox/radio onchange不能兼容ie8处理办法
hq.zheng的博客
07-12 836
一.在ie8下，checkbox的onchange没能实现触发自定义的函数，可以手工触发function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type='checkbox']").click(function(){ this.blur(); //先失去焦点，执行你的自定义的操作 this....
上传文件时IE浏览器中拒绝访问 -- 备忘
蒋小龙的IT史
01-14 2138
今天在写公司论坛时，处理客户端上传图片，根据UI设计，用到了点击按钮后通过js代码来打开file控件，然后在IE下提交表单时出现问题：               1、使用submit按钮方式提交，需要点击两次submit按钮才能提交；               2、使用button(其他元素)的onclick事件中来提交表单，报错：..form.submit()拒绝访问。
checkbox/radio onchange不能兼容ie8 如何处理？
sinat_33337475的博客
03-31 2589
在ie8下，checkbox的onchange没能实现触发自定义的函数，如何解决该问题，如下： function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type='checkbox']").click(function(){ this.blur(); //先失去焦点，执行你的自定义的
file上传控件onchange事件失效的解决方法
掬水月在手，弄花香满衣
11-04 909
file上传控件onchange事件失效的解决方法 标签: file 上传 控件 2008-11-22 23:05 最近在做项目时，遇到一些用户操作方面的问题，用户想点击input file控件的浏览就直接将文件读取到列表中，我使用StreamReader读取文件时，遇到IO权限的问题，要想读取文件到StreamReader中必须对该文件享有User可读权限，许多用户的客户端不可能手动...
asp.net在ie7、ie8中使用FileUpload上传前预览图片(简单好用)
.
12-01 1384
因为安全性问题，IE7禁用了image控件引用本地图片，为了这个问题郁闷了好几天，终于找到了解决方案，好东西要与大家分享，代码如下： 此段代码放于 ....之间 style type="text/css">#newPreview {  FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=sca
JAVA文件上传图片预览，IE浏览器兼容问题和拒绝访问解决方式
隔壁家王叔叔
05-08 847
<div id="fileInputDiv" style="display:none;"> <input type="file" name="files" class="filepath" onchange="changeQualificationpic(this)" accept="image/jpg,image/jpeg,image/png,image/PNG" m...
IE浏览器下的Input File详解
binggoogle的专栏
08-07 4643
有点前端经验的同学们肯定知道html 里的 FileUpload 对象，对应的是Input File 元素 ，为什么要说这个呢，因为 IE 浏览器在 FileUpload 对象这个点上一直表现得和其它浏览器“卓”尔不群，我们不是要揭面纱吗，这是个不错的点，可以在这个点上看看IE11跟标准浏览器以及跟IE旧版本有什么异同。安全性考量，Input File 元素的value 值（存放文件路径）是不允许
odoo onchange无效
05-19
出现 `onchange` 无效的情况可能有以下几种原因： 1. 检查 `onchange` 方法是否正确定义，以及是否正确命名。方法名应该以 `onchange_` 开头，其后跟着字段名称。例如，如果你想在 `product_id` 字段上定义 `onchange` 方法，那么方法名应该是 `onchange_product_id`。 2. 检查 `onchange` 方法是否正确绑定到相应的字段上。你应该在相应的字段中使用 `onchange` 属性来绑定定义好的 `onchange` 方法。例如，如果你想在 `product_id` 字段上定义 `onchange` 方法，那么应该在该字段的视图中添加 `onchange` 属性，如下所示： ``` <field name="product_id" on_change="onchange_product_id(product_id)"/> ``` 3. 检查 `onchange` 方法是否正确返回值。`onchange` 方法应该返回一个字典，其中包含要更新的字段和其对应的新值。例如，如果你想在 `product_name` 字段上更新新值，那么可以在 `onchange` 方法中添加以下代码： ``` @api.onchange('product_id') def onchange_product_id(self): if self.product_id: self.product_name = self.product_id.name else: self.product_name = False return {'value': {'product_name': self.product_name}} ``` 这个方法将在 `product_id` 字段值发生变化时被调用，并且将根据选择的产品更新 `product_name` 字段的值。 4. 最后，确保你的模型继承了正确的父类。如果你的模型继承了 `models.Model`，那么你需要添加 `@api.onchange` 装饰器来定义 `onchange` 方法。如果你的模型继承了 `osv.osv`，那么你需要添加 `def onchange_***()` 方法来定义 `onchange` 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值