`
shiylqq
  • 浏览: 5341 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jQuery-File-Upload不能触发input file标签默认事件

阅读更多

使用jQuery-File-Upload插件时,选择文件后不能触发默认的input file事件,也就是显示你选中的那个文件名,页面上仍然显示“未选择任何文件”,经过查询官方文档发现问题的原因是因为插件默认赋值了一个input标签,上传并没有走页面上的input,只要将此设置关闭即可,

$("#upload-comp").fileupload({ url:'...', fileDataName:'file', replaceFileInput:false , add: function (e, data) {...} })

 

以下是该配置项的官方说明:

replaceFileInput

By default, the file input field is replaced with a clone after each input field change event.
This is required for iframe transport queues and allows change events to be fired for the same file selection, but can be disabled by setting this option to false (more in-depth information can be found in the FAQ).

  • Type: boolean
  • Default: true
分享到:
评论

相关推荐

    jQuery-File-Upload

    在上传过程中,会触发一系列的事件,如fileuploadstart、fileuploadprogress、fileuploadsuccess等,开发者可以绑定这些事件来执行相应的逻辑。 三、集成与配置 要将jQuery-File-Upload引入项目,首先需要在HTML中...

    jQuery-File-Upload的例子

    用户通过HTML表单元素(如`<input type="file">`)选择文件,jQuery-File-Upload监听该元素的change事件,读取选取的文件并触发上传过程。 2.2 文件分块 对于大文件,jQuery-File-Upload可以实现分块上传,将大文件...

    jQuery-File-Upload-master

    《jQuery File Upload详解》 在Web开发中,文件上传功能是一项常见的需求,而jQuery File Upload则是实现这一功能的一款强大插件。本篇文章将深入探讨jQuery File Upload的核心特性、工作原理以及如何在实际项目中...

    JAVA|jQuery-File-Upload多文件上传及拖拽上传

    首先,`jQuery-File-Upload-9.10.1.zip`是一个流行的jQuery插件,它提供了强大的文件上传功能,包括多文件选择、进度条显示和拖放支持。该插件的核心是通过AJAX技术实现异步文件上传,避免了传统文件上传导致的页面...

    multiple-file-upload

    "multiple-file-upload"项目是基于jQuery实现的,它允许用户一次性选择并上传多个文件,同时提供了限制文件类型的灵活性。下面将详细介绍这个项目的相关知识点。 1. **jQuery库**: jQuery是一个流行的JavaScript...

    jquery-file-upload

    在实际应用中,`jquery-file-upload-master` 压缩包包含的源代码、示例和文档可以帮助开发者快速理解和使用这个插件。源码提供了详细的注释,便于自定义和扩展。示例文件展示了如何配置和初始化插件,以及如何处理...

    文件上传 jQuery-File-Upload-8.8.5.zip

    4. 事件处理:`add`事件在选择文件后触发,`send`事件在文件发送前触发,可以在此处进行额外的验证或数据预处理,`done`事件在文件上传成功后触发,可在此更新界面展示。 三、高级特性 5. 多文件上传:jQuery File...

    JQUER-FILE-UPLOAD

    **jQuery File Upload插件详解** `jQuery File Upload`是一款广泛使用的、功能强大的jQuery插件,专为实现优雅、高效且用户友好的文件上传功能而设计。这个插件以其易用性、灵活性和丰富的自定义选项著称,尤其适用...

    jQuery-Uploadify详解.pdf

    <input type="file" id="file_upload" name="file_upload" /> $(function() { $('#file_upload').uploadify({ 'swf': 'path/to/uploadify/uploadify.swf', 'buttonText': 'Select Files', 'queueSizeLimit':...

    jQuery-点击弹出选择头像保存代码.zip

    3. **弹出选择文件对话框**: 在JavaScript中,可以使用`input[type="file"]`元素的`click`事件来触发文件选择对话框。通常,这个元素是隐藏的,通过触发其点击事件,我们可以实现弹出对话框的效果。例如: ```...

    jquery upload

    **jQuery Upload 框架详解** 在Web开发中,上传功能是不可或缺的一部分,尤其是在用户需要上传图片...无论是简单的个人项目还是大型的企业级应用,jQuery Upload 都能成为你构建高效、用户友好的上传功能的得力助手。

    async-file-upload-using-jquery-formdata-and-asp-net-web-api:使用JQuery,FormData和ASP.NET Web Api上传异步文件

    首先,jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在异步文件上传中,jQuery用于处理前端的表单提交和数据发送。 1. **创建HTML表单** 在HTML页面中,创建一个包含`<input type=...

    基于PHP的用Jquery实现大文件上传 Jquery Large File Upload.zip

    在jQuery部分,我们通常会监听`change`事件,当用户选择文件后触发。通过`FormData`对象,我们可以构建一个包含文件数据的POST请求。使用`$.ajax`或`$.fileupload`(如果使用了jQuery File Upload插件)发送这个请求...

    jquery实现多附件上传

    7. **蓝imp jQuery 文件上传插件**:`blueimp-jQuery-File-Upload`是jQuery的一个知名插件,提供了一套完整的文件上传解决方案,包括多文件选择、预览、进度条、错误处理等功能。在项目中使用这个插件,可以大大简化...

    jquery 插件ajaxupload 的简单应用

    创建一个HTML元素,通常是一个`<input type="file">`标签,用于触发文件选择对话框: ```html <input id="uploader" type="file" /> ``` 3. **初始化AjaxUpload** 使用jQuery选择器获取元素,并调用Ajax...

    jQuery实现input[type=file]多图预览上传删除等功能

    根据给定文件内容,下面介绍有关于jQuery实现input[type=file]多图预览上传删除功能的知识点。 ### jQuery实现多图上传预览与删除功能 #### 1. 前端界面结构 在实现多图上传预览与删除功能时,首先需要布局一个...

    Jquery-JS图片上传预览(无浏览器限制)

    `Jquery` 和 `JavaScript` 是实现这一功能的常用工具,它们能轻松地处理DOM操作和事件监听。在"Jquery-JS图片上传预览"这个主题中,我们将探讨如何利用这两个库来创建一个跨浏览器的图片预览功能,包括对火狐、谷...

    上传图片问题(html标签实现input/file功能),及uploadify插件

    本篇将详细介绍如何在非`<input>`标签(如`<span>`)上模拟`<input type="file">`的功能,并探讨uploadify插件的使用,以提升用户体验。 首先,让我们来看看如何在`<span>`标签上实现文件选择功能。通常,我们会将`...

    基于jQuery的html5文件上传库.zip

    <input type="file" id="file-uploader" multiple /> ``` 接着,使用jQuery初始化上传组件,并添加事件监听: ```javascript $(document).ready(function() { $('#file-uploader').fileUploader({ url: 'upload....

    input file选择文件之后自动上传(样式自定义美化)

    然而,它的默认样式通常并不符合现代网页设计的要求,因此需要进行自定义美化。可以使用CSS来改变其外观,例如设置背景色、边框、字体等,甚至可以使用JavaScript库如Bootstrap或jQuery UI来创建更高级的组件,提供...

Global site tag (gtag.js) - Google Analytics