`
talentvictor
  • 浏览: 32440 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajaxFileUpload实现带参数提交

阅读更多
修改了3个地方

 [b]createUploadForm: function(id, fileElementId, data)[/b]  

    {  

        //create form     

        var formId = 'jUploadForm' + id;  

        var fileId = 'jUploadFile' + id;  

        var form = $('<form  action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');   

        var oldElement = $('#' + fileElementId);  

        var newElement = $(oldElement).clone();  

        $(oldElement).attr('id', fileId);  

        $(oldElement).before(newElement);  

        $(oldElement).appendTo(form);  

          

        //增加文本参数的支持  

        [b]if (data) {  

            for (var i in data) {  

                $('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);  

            }  

        }  [/b]

          

        //set attributes  

        $(form).css('position', 'absolute');  

        $(form).css('top', '-1200px');  

        $(form).css('left', '-1200px');  

        $(form).appendTo('body');         

        return form;  

    },  

  

    ajaxFileUpload: function(s) {  

        // TODO introduce global settings, allowing the client to modify them for all requests, not only timeout          

        s = jQuery.extend({}, jQuery.ajaxSettings, s);  

        var id = new Date().getTime()          

        [b]var form = jQuery.createUploadForm(id, s.fileElementId, s.data);  [/b]

        var io = jQuery.createUploadIframe(id, s.secureuri);  

分享到:
评论
2 楼 zjut222 2015-07-21  
有效,真心感谢!
1 楼 qin4529 2015-01-13  
不管用啊,怎么才能让后台得到ajaxFileUpload的data中的数据啊

相关推荐

    ajaxFileUpload重复提交,出现参数 is not params现象

    然而,有时候用户可能会遇到一些问题,比如“ajaxFileUpload重复提交,出现参数is not params现象”。这个问题通常是由于多种原因造成的,以下我们将详细探讨这个问题的成因以及解决方法。 首先,让我们了解一下`...

    AjaxFileUpload实现文件上传

    AjaxFileUpload是基于JavaScript和AJAX技术的一种实现文件上传的方式,它允许用户在不刷新整个页面的情况下进行文件上传,提供了一种更为流畅的用户体验。在本文中,我们将深入探讨AjaxFileUpload的工作原理、如何...

    支持附带参数提交的ajaxfileupload.js文件

    曾经下载多个版本,均未找到能完美实现附带参数上传的ajaxfileupload JS文件。这是自己多次修改目前一直使用的珍藏源码,绝对能实现上传文件的同时附带参数上传,如果需要了解后台对参数的解析方法,可以留言询问。...

    ajaxfileupload

    综上所述,`ajaxFileUpload`是jQuery提供的一种实现异步文件上传的便捷工具,通过合理的配置和使用,可以极大地优化用户的文件上传体验。在实际应用中,根据项目需求灵活调整参数和处理逻辑,确保文件上传功能既安全...

    struts2下利用jquery、ajaxfileupload实现无刷新上传文件

    在"struts2下利用jquery、ajaxfileupload实现无刷新上传文件"这个主题中,我们将探讨如何将这三者结合,创建一个高效的文件上传系统。 首先,要实现无刷新上传,我们需要在客户端使用jQuery和AJAXFileUpload插件。...

    AjaxFileUpload.js

    3. 初始化组件:通过JavaScript调用AjaxFileUpload方法,并传递相关参数,如服务器端处理文件的URL、成功和失败的回调函数等。 4. 绑定事件:监听文件选择事件,触发上传操作。 四、前端文件上传技术 1. ...

    文件上传 ajaxfileupload.zip

    标题中的“文件上传 ajaxfileupload...通过阅读博客文章,开发者可以获得如何集成和使用ajaxfileupload.js的详细步骤,包括如何配置参数、绑定事件、处理响应等。对于初学者,这是一个了解和实践文件上传功能的好起点。

    Asp.Net MVC+Jquery ajaxfileupload实现文件上传(v1.0.0)

    本文将详细介绍如何使用Asp.Net MVC框架与Jquery的ajaxfileupload插件实现一个兼容主流浏览器的文件上传解决方案。 首先,Asp.Net MVC是一个强大的Web应用程序开发框架,它允许开发者构建动态、数据驱动的网站。它...

    PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例

    PHP结合jQuery插件ajaxFileUpload实现文件的异步上传是一个在Web开发中非常实用的功能,尤其是在用户界面友好性和用户体验方面。它允许用户在不刷新页面的情况下上传文件,提高了应用的响应速度和交互性。以下是详细...

    AjaxFileUpload 文件下载

    `AjaxFileUpload`是一个基于jQuery的插件,专门用于实现异步文件上传功能,它极大地优化了用户体验,避免了传统表单提交带来的页面刷新问题。这篇内容将详细介绍`AjaxFileUpload`插件的核心原理、使用方法以及常见...

    ajaxfileupload.js

    然后,在JavaScript部分,你可以实例化AjaxFileUpload对象,并设置相应的参数,如上传URL、成功回调函数、错误处理函数等。例如: ```html ``` ```javascript $.ajaxFileUpload({ url: 'upload.php', // 服务器...

    ajaxfileupload_JS_File

    **AjaxFileUpload.js** 是一个基于JavaScript的文件上传插件,它利用了AJAX技术来实现无刷新的文件上传功能。在传统的文件上传方式中,用户提交表单时整个页面会刷新,而AJAXFileUpload则通过异步通信,允许用户在不...

    深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库

    options参数说明: 1、url 上传处理程序地址。  2,fileElementId 需要上传的文件域的ID,即&lt;input type=”file”&gt;的ID。 3,secureuri 是否启用安全提交,默认为false。 4,dataType 服务器返回的...

    ajaxfileupload.js 异步上传jquery插件

    1. **异步上传**:AjaxFileUpload.js 利用 AJAX 技术实现文件的后台上传,不会阻塞用户界面,提高了用户体验。 2. **进度条显示**:虽然原插件可能未内置,但可以通过自定义事件监听和处理来实现上传进度条,展示...

    jquery.ajaxFileUpload

    为了解决这一问题,jQuery提供了许多插件,如AjaxFileUpload,它允许开发者实现异步(Ajax)文件上传,提高用户体验,无需刷新整个页面即可完成文件提交。 ### 1. AjaxFileUpload 插件简介 AjaxFileUpload是jQuery...

    AjaxFileUpload.js实现异步上传文件功能

    具体实现异步上传功能时,可以使用$.ajaxFileUpload()方法,这个方法允许指定一系列的参数来自定义上传行为。例如,可以设定url参数来指定服务器端的上传处理程序地址。fileElementId参数允许指定哪个文件输入控件的...

    thinkphp ajaxfileupload实现异步上传图片的示例

    使用ThinkPHP和ajaxfileupload实现图片的异步上传具有明显的优点。比如,用户在上传图片时不需要刷新页面,可以提供更加流畅的用户体验。同时,服务器端可以在后台处理上传逻辑,无需用户等待,使得页面响应更加迅速...

    jQuery插件ajaxFileUpload实现异步上传文件效果

    通过上述参数配置和错误处理,开发者可以灵活地在项目中集成ajaxFileUpload插件,实现用户友好的文件上传功能。使用该插件可以让文件上传过程更加流畅,用户无需等待页面刷新即可看到上传结果,从而提升用户体验。...

    JFinal使用ajaxfileupload实现图片上传及预览

    总结来说,使用JFinal和ajaxfileupload实现图片上传及预览,前端主要负责用户交互和文件上传,后台则处理文件的接收和保存。这个过程涉及到了HTML、JavaScript、jQuery、以及Java的文件操作。通过前后端的协作,我们...

Global site tag (gtag.js) - Google Analytics