jQuery 更改输入类型=“文件”的方法

2024-06-22

我试图 100% 接受 jQuery,因为它简单而优雅的 API,但我遇到了 API 和直接 HTML 之间的不一致,我无法弄清楚。

我有一个 AJAX 文件上传器脚本(可以正常运行),我想在每次文件输入值更改时运行该脚本。这是我的工作代码:

<input type="file" size="45" name="imageFile" id="imageFile" onchange="uploadFile()">

当我转换onchange事件到 jQuery 实现:

$('#imageFile').change(function(){ uploadFile(); });

结果不一样。随着onchange归因于uploadFile()只要值按预期更改,就会调用该函数。但是使用 jQuery API.change()事件处理程序,该事件仅在第一次更改值时触发。此后的任何值更改都将被忽略。这对我来说似乎是错误的,但这肯定不是 jQuery 的疏忽,对吗?

有其他人遇到过同样的问题吗?除了我上面描述的之外,您还有其他解决方法或解决方案吗?


ajax上传器是否正在刷新您的输入元素? 如果是这样,你应该考虑使用 .live() 方法。

 $('#imageFile').live('change', function(){ uploadFile(); });

update:

从 jQuery 1.7+ 你现在应该使用 .on()

 $(parent_element_selector_here or document ).on('change','#imageFile' , function(){ uploadFile(); });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery 更改输入类型=“文件”的方法 的相关文章

  • 有人可以离线编辑 javascript 文件来运行恶意代码吗?

    我担心与我网站的 javascript 文件相关的问题 我不确定这是否可行 当有人访问网站时会下载js文件 如果有人编辑下载的js脚本并插入自己的代码 然后刷新网站怎么办 在新的刷新中 网站将读取编辑后的 Js 文件并运行恶意代码 恶意代码
  • 如何获取按钮单击时的计数计时器的值?

  • jquery:未捕获类型错误:$(...).error 不是函数

    我在我的页面上使用jquery 其他部分没有问题 甚至 post 和 get 也工作正常 现在我正在尝试评估图像是否有任何问题并尝试了以下代码 bib error function nothing now 我想知道为什么我会收到此错误 Un
  • 如何在 TypeScript 中扩展 JQuery 函数

    我正在 TypeScript 上重写一些 JS 代码 并遇到模块导入问题 例如 我想写我的toggleVisiblity功能 这是代码
  • 根据输入字段的字符数动态扩展输入类型“文本”的高度

    与下面的 JSFiddle 类似 我将其添加为书签 但不知道原始问题从哪里出现 http jsfiddle net mJMpw 6 http jsfiddle net mJMpw 6
  • 使用 Javascript 或 jQuery 按第一列快速对表格进行排序

    我有一个动态填充的表FullCalendar 问题是FullCalendar不关心其原始顺序 该表如下所示 table thead tr th th th Date th th hours th tr thead tbody tr td c
  • Flexslider 在循环后停在第一张幻灯片处

    我试图让 Flexslider 进行完整循环 然后在返回到第一张幻灯片后停止或暂停 到目前为止 这是我的代码 window load function flexslider flexslider animation slide animat
  • 当视图切换到其他浏览器选项卡时,网页 javascript 的行为有所不同

    抱歉我写标题时的英文不好 我已经尽力了 直播站点 http tt fbcwinterretreat org http tt fbcwinterretreat org 请注意 为了更好地了解发生的情况 我建议您降低窗口高度 问题是 如果您一直
  • 如何禁用 html 中特定元素的复制

    在这里 当选择 3 个元素时 我遇到了复制选项的问题 所有三个元素都被复制 但是 我有一个 Jquery 函数来禁用中间元素的复制 我如何在选择 3 个元素时禁用它 但是 如果我单独选择中间元素 它就不会复制 notcp bind cut
  • jQuery 相当于 YUI StyleSheet Utility?

    jQuery 或其插件之一 是否具有与YUI 样式表实用程序 http developer yahoo com yui 3 stylesheet StyleSheet Utility 能够从头开始创建新的样式表 以及修改作为来自同一域的元素
  • 使用jquery从javascript加载.txt文件[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我想加载本地 txt 文件并使用 j
  • 如何使用 jQuery 在输入元素上实现占位符文本?

    我如何在输入上实现 jquery 提示文本
  • ajaxComplete后重新加载reCaptcha

    ajaxComplete 事件完成时 我的 reCaptcha 不会重新加载 我遇到控制台错误 不存在 reCAPTCHA 客户端 那么为什么我的 reCaptcha 客户端在 ajaxComplete 之后就消失了 这是我的示例代码 do
  • 使用 jQuery 禁用 CSS 继承

    有没有办法使用 jQuery 或通用 javascript 在块级别禁用 CSS 继承 例如 如果我通过 javascript 拉入外部资源 例如 Pastie org 它们将拥有自己的 CSS 而我的 CSS 会覆盖它们 我想将嵌入代码放
  • 克隆表行

    我怎样才能使用javascript 我假设 来克隆一个表格行 就像下图所示的那样 您可以将现场活动连接到所有按钮 例如 如果您给他们一类克隆 则以下内容将起作用 input clone live click function put jqu
  • jQuery Mobile 和文本区域行

    所以 我想展示一个textarea仅 1 行 但 jQuery Mobile 并不这么认为 无论我在rows属性 它始终是 2 行高度 请问有什么解决办法吗 jQuery Mobile CSS 设置了特定的高度textarea要素 text
  • gets 和 scanf 有什么区别?

    如果代码是 scanf s n message vs gets message 有什么区别 似乎两者都获取消息的输入 基本区别 参考您的特定场景 scanf 遇到一个时结束接受输入whitespace newline or EOF gets
  • Apache HttpClient 4.x 在上传较大文件时表现奇怪?

    我正在使用 java 和 scala 开发和测试一个简单的客户端 服务器应用程序 The server是基于com sun net httpserver HttpServer并允许使用 POST 和 PUT 操作通过基本的 RESTful
  • 在 Bootstrap 选择器上使用 jQuery 取消选择选项

    我对一些 UI 元素使用 Bootstrap SelectPicker 它允许用户选择多个选项并将其呈现在段落标签中的屏幕上 他们还应该能够删除选定的选项 这是我的代码 用于将选定的选项渲染到屏幕上 以便每个选项旁边都会显示一个 X 单击它
  • 过滤数据表中的行

    我目前的 JQuery 插件 DataTables 工作正常 并且我在页面顶部插入了一个按钮来进一步过滤列表 我还使用了 DataTables 内置的搜索栏 我希望按钮向下过滤表格 并只显示包含特定值的行 下面是我一直在做的事情 但似乎没有

随机推荐

  • 使用 R 中的 arules 包进行重复交易的关联分析

    我想创建一个篮子格式的交易对象 我可以随时调用它进行分析 该数据包含包含 1001 笔交易的逗号分隔项目 前 10 笔交易如下所示 hering corned b olives ham turkey bourbon ice crea bag
  • 高速公路无法导入名称错误

    我已经使用安装了twisted和Autobahn websocket pip install twisted pip install autobahn 但是当我从高速公路导入任何工厂时 我收到无法导入名称错误 gt gt gt from t
  • 查找top-k元素的平均时间复杂度

    考虑在一组 N 个独立且同分布的浮点值中查找前 k 个元素的任务 通过使用优先级队列 堆 我们可以对所有 N 个元素进行一次迭代 并通过以下操作维护一个 top k 集合 如果元素 x 比堆头 更差 丢弃 x 复杂度 O 1 如果元素 x
  • make - 在同一个 eval 调用中定义多个变量

    我想用make s eval函数在一个内部定义多个 动态命名的 变量foreach 但我无法得到eval来做这项工作 我尝试过这样的事情 eval var1 val1 var2 val2 它不起作用 var1被定义为val1 var2 va
  • Rails 博客引擎 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 寻找一个支持文章管理的简单博客引擎 我有独立的 Rails3 2x 应用程序和身份验证系统 我必须为网
  • 如何检索带有元数据标记的函数

    看下面的代码片段 import dart mirrors class meta final String data const meta this data meta Tag doSomething gt print You have to
  • 如何过滤视觉选择?

    假设我们有一些不错的文本 Hello world 我们选择world在视觉模式下 然后我们可以使用像这样的闪亮命令来过滤视觉选择 lt gt echo foobar 但是 这会将整行替换为foobar而不仅仅是world 这是为什么 我们该
  • Android NDK Clang 编译器 (r16b) 的 FFMPEG 源编译失败,并出现错误“clang 编译器不支持 '-mcpu=arm'”

    使用 Android NDK Clang 编译器 r16b 编译 FFMPEG 源时 出现编译器错误 对于以下配置 configure prefix home prasaathviki Desktop ffmpeg bin android
  • WireMock:存根 - 如何获取对象“testClient”?

    我想测试http请求 响应 所以我使用WireMock 我想对特定请求进行存根响应 这里的代码 public class WireMockPersons Rule public WireMockRule wireMockRule new W
  • 如何使用 keras/tensorflow 构建无监督 CNN 模型?

    我正在尝试为图像到图像转换应用程序构建 CNN 模型的输入是图像 输出是置信图 训练期间没有标记的置信度作为基本事实 但设计了损失函数来引导模型获得正确的输出 我在用 keras 构建神经网络时遇到困难 因为 model fit 函数需要训
  • 如何在Struts2中使用迭代器从linkedhashmap中检索值......?

    我有在 Struts2 中返回 LinkedHashMap 的函数 我刚刚知道我们不能在 struts2 中使用 for 循环 而是必须使用迭代器 并且是 struts 的新手 任何人都可以帮助我使用迭代器从 linkedhashmap 检
  • 无法使用 android Paging 库加载下一个数据

    我正在尝试使用 Room Paging LiveData ViewModel 显示通话记录列表 无需分页 我的代码就可以完美运行 我也想使用分页 在我的数据库中 我总共有 25 条通话记录 列表中显示前 9 条通话记录 通过调试我发现在通过
  • 如何将异步方法作为 Action 或 Func 传递

    我有一个小实用方法 用于在 using 语句中实例化我的 DataContext 我想将其与异步方法调用一起使用 但是 DataContext 在方法返回之前被释放 使用这个的正确方法是什么 这是方法 和重载 public void Try
  • 跨子域的 PHP 会话

    我正在尝试设置以下内容 auth example com sub1 example com sub2 example com 如果用户访问sub1 example com or sub2 example com他们没有登录 他们被重定向到a
  • 为什么使用寄存器 R12 时 POP 速度很慢?

    在最新的 Intel CPU 上 POP指令通常每周期具有 2 条指令的吞吐量 但是 当使用寄存器时R12 or RSP 除了前缀之外具有相同的编码 如果指令通过传统解码器 吞吐量会下降到每个周期 1 如果微指令来自 DSB 则吞吐量保持在
  • Spring MVC Apache Oltu 和 Salesforce 集成示例 OAUTH_APPROVAL_ERROR_GENERIC :身份验证期间发生意外错误

    我在这里扩展这个问题 https stackoverflow com questions 46530725 java io ioexception server returned http response code 411 for url
  • 如何将gensim Word2Vec模型转换为FastText模型?

    我有一个 Word2Vec 模型 它是在一个巨大的语料库上训练的 在使用这个模型进行神经网络应用时 我遇到了很多 词汇表之外 的单词 现在我需要为这些 词汇表之外 的单词找到单词嵌入 所以我做了一些谷歌搜索 发现 Facebook 最近为此
  • 为什么结构体的字段是“非名称”[重复]

    这个问题在这里已经有答案了 这段代码不起作用 它抱怨 j Bar 是一个 非名字 package main import fmt import os type foo struct Bar string Baz int func main
  • 如何在T4模板中使用DbContext?

    我想使用 EntityFramework 生成一些带有 T4 模板的代码 我在与当前工作的 EF6 DbContext 相同的程序集中创建了一个 T4 模板 lt template language C hostspecific true
  • jQuery 更改输入类型=“文件”的方法

    我试图 100 接受 jQuery 因为它简单而优雅的 API 但我遇到了 API 和直接 HTML 之间的不一致 我无法弄清楚 我有一个 AJAX 文件上传器脚本 可以正常运行 我想在每次文件输入值更改时运行该脚本 这是我的工作代码