ajax异步上传文件之data参数----小哈学js

  1. 下载ajaxFileUpload.js(下载网址:http://fileuploadajax.codeplex.com/downloads/get/20976)
  2. 修改ajaxFileUpload.js内部程序

     1 一、大约在32行
     2     createUploadForm: function(id, fileElementId,data)
     3 二、大约在47行
     4     jQuery(form).appendTo(‘body‘);前添加一下代码
     5     if (data) {
     6          for (var i in data) {
     7              $(‘<input type="hidden" name="‘ + i + ‘" value="‘ + data[i] + ‘" />‘).appendTo(form);
     8          }
     9      }
    10 三、大约在61行修改
    11     var form = jQuery.createUploadForm(id, s.fileElementId,s.data);

  3. 第三步就开始调用了

     1 function FileUpload() {
     2         var jiangshi_name = $("#jiangshi_name").val();
     3         var jiangshi_rongyu = $("#jiangshi_rongyu").val();
     4         var jiangshi_xueli = $("#jiangshi_xueli").val();
     5         $.ajaxFileUpload({
     6             type: "POST",
     7             url: "/ben/main_guanli.php",
     8             data : {
     9                 etc :"TeacherUpd",
    10                 jiangshi_name :jiangshi_name,
    11                 jiangshi_rongyu :jiangshi_rongyu,
    12                 jiangshi_xueli :jiangshi_xueli
    13             },
    14             //要传到后台的参数,没有可以不写
    15             secureuri: false,//是否启用安全提交,默认为false
    16             fileElementId: ‘doc‘,//文件选择框的id属性
    17             dataType: ‘JSON‘,//服务器返回的格式
    18             async: false,
    19             success: function (data) {
    20                 alert(data);
    21             },
    22             error: function (data, status, e) {
    23                 alert("数据错误")
    24             },
    25         });
    26     }

时间: 2024-10-12 14:45:30

ajax异步上传文件之data参数----小哈学js的相关文章

解决ajax异步上传文件的问题

HTML: <form id="avater" name="formlist"> {{ csrf_field() }} <ul class="list-group container" style="width:50%"> <li class="list-group-item list" style="border-radius: 5px"> <

Ajax异步上传文件

需要引用js jquery.form 前端代码 <form action="/Save" id="mainForm" method="post" enctype="multipart/form-data"> <div class="portlet-body form-horizontal form-bordered form-row-stripped"> <div class=

(H5)FormData+AJAX+SpringMVC跨域异步上传文件

最近都没时间整理资料了,一入职就要弄懂业务,整天被业务弄得血崩. 总结下今天弄了一个早上的跨域异步上传文件.主要用到技术有HTML5的FormData,AJAX,Spring MVC. 首先看下上传页面: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/plugins/

异步上传文件多种方式归纳

最近在做异步上传文件的工作,用到了一些库,这里归纳下,暂且不考虑异常处理,仅作为demo. 1.不用任何插件,利用iframe,将form的taget设为iframe的name,注意设为iframe的id是没用的,跟网上很多说的不太一致 iframe_upload.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm

Jquery_异步上传文件多种方式归纳

1.不用任何插件,利用iframe,将form的taget设为iframe的name,注意设为iframe的id是没用的,跟网上很多说的不太一致 iframe_upload.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&

springmvc异步上传文件

前提条件 注意:bean的id名不能改变 <!-- 上传文件拦截,设置最大上传文件大小 10M=10*1024*1024(B)=10485760 bytes --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSi

spingMVC异步上传文件

框架是个强大的东西,一般你能想到的,框架都会帮你做了,然后只需要会用就行了,spingmvc中有处理异步请求的机制,而且跟一般处理请求的方法差别不大,只是多了一个注解:spingmvc也可以将string.list.map转化成json数据:然后前台发起一个ajax请求,后台处理完成返回json数据,这就是异步上传文件的基本思路. 1.springMVC处理异步请求配置 首先是需要的jar包资源 上传文件的jar: commons-fileupload-1.2.2.jar commons-io-

jQuery插件-ajaxFileUpload异步上传文件

ajaxFileUpload是前两天学习过程中接触到的一个JQ插件,功能很简单,就是实现异步上传文件的功能. 1.语法介绍 $.ajaxFileUpload([setting]); 参数说明: (1)url——执行上传处理的地址: (2)secureuri——是否启用安全提交,默认为false: (3)fileElementId——需要上传<input type=”file”>控件id属性值: (4)data——自定义参数,即需要额外传递的JSON格式数据: (5)type——请求方式,提交自

struts2 jquery ajaxFileUpload 异步上传文件

一.ajaxFileUpload 实现异步上传文件利用到了ajaxFileUpload.js这个文件,这是别人开发的一个jquery的插件,可以实现文件的上传并能够和struts2框架和好的融合在一起.但是网上的提供的一些ajaxFileUpload.js插件存在一些问题,不能够实现多次点击上传文件,要想再次上传必须重新刷新页面.在网上找了好久才找到真正的解决方案,有些网友给出的解决方案并没有真正的解决问题,不知到什么原因.我的修改: 原文件: var oldElement = $('#' +