jsp页面    <div class="picture">    <input id="uid" type="hidden">    input type="file" name="file" id="fn"							  &nbs            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-05-02 12:32:16
                            
                                569阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我需要实现多个文件上传,之前的做法是定义多个不同id的input,然后把ajaxfileuplod方法放在for循环里,这个方法是在网上看到的,我觉得不怎么好,后面在网上找到的,就高级点了,直接改源码(因为作者好久没有跟新了,也确实满足不了要求了)。接下来看看我是怎么改的。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2015-10-28 22:51:25
                            
                                1767阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ajaxFileupload 多文件上传 修改前的代码: 要实现多个文件上传,就改成下面的样子: 初始化的代码: 实例调用:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-05-10 11:16:00
                            
                                166阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            打开google 搜索 ‘ajaxFileupload’ ‘多文件上传’ 可以搜到许许多多类似的,那我为什么还要写一下呢?一个是对之前大神            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-08-01 13:28:17
                            
                                100阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             
 
方式一:利用commons下面的fileupload进行上传
步骤1:添加依赖
<dependency>         <groupId>com.alibaba.external</groupId>   &            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-10-02 11:59:56
                            
                                3277阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前端处理<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>Insert title here$(function(){		$('#            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-09 10:40:58
                            
                                223阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ include file="/header.jsp"%><!DOCTYPE html><html>    <head>    <s            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2015-06-03 18:33:15
                            
                                1227阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            使用Jquery Ajax File Uploader这个控件上传
官方网站:http://www.phpletter.com/DOWNLOAD/
这个控件有个缺点,就是不能传递自定义参数。通过更改ajaxfileupload.js文件可以解决此问题。
主要更改点32行,增加42行的内容,更改56行的内容
32/////createUploadForm: function(id, file            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-03-03 18:33:41
                            
                                9317阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            一、先对ajaxFileUpload插件的语法参数进行讲解 原理:ajaxfileupload是通过监听iframe的onload方法来实现, 当从服务端处理完成后,就触发iframe的onload事件调用其绑定的方法,在绑定的方法中获取iframe中服务器返回的数据体(支持的普通文本,json,...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-02-03 09:10:02
                            
                                387阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            由于项目需求在上传头像是需要使用异步上传文件,在上传的过程中需要对文件进行校验:规则如下:宽度和高度大于200,宽高比要小于2,大小小于2M。我这里使用的是AjaxFileUploader这个组件,服务器使用Struts处理文件。实例: 这里需要引入两个js文件:jQuery、aja...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-04-17 12:53:00
                            
                                103阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            spring mvc中使用ajaxFileUpload实现文件异步上传            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-07 16:46:49
                            
                                186阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、加载报错:ajaxfileupload.js:1UncaughtReferenceError:jQueryisnotdefined上传报错:UncaughtTypeError:$.ajaxFileUploadisnotafunction原因:jquery.js,ajaxfileupload.js加载顺序不正确,应先加载jquery.js,再加载ajaxfileupload.js<scri            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-03-20 16:43:08
                            
                                4631阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。
1、引入AjaxFileUpload插件相关的js
<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-01-23 11:06:00
                            
                                139阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            ajaxfileupload.js是一个很方便的上传文件的控件,使用也简单,结合jquery使用                $.ajaxFileUpload({                    "url": "${context}/manage/doctor/addDoctor.htm?doctorName=" + doctorName                      ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-25 16:10:38
                            
                                71阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            由于项目需求,在处理文件上传时需要使用到文件的异步上传。这里使用Jquery Ajax File Uploaderjquery.js
ajaxfileupload.js
struts2所依赖的jar包
及struts2-json-plugin-2.1.8.1.jar
编写文件上传的Action 
 
package 
   com.ajaxfile.action;
 
  import            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-28 16:00:53
                            
                                21阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、问题 你在网上下载的ajaxfileuploa.js在使用的时候可能会给你报错误: Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method ‘handleError' 这是因为高版本            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-21 16:05:02
                            
                                213阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用Jquery做上传文件处理时,用到了ajaxfileupload.js 这个第三方代码,但是在使用过程中出现了一些问题,现在整理了一下,并加修改后的ajaxfileupload.js上传,供大家参考            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-07-02 08:45:50
                            
                                646阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            以往我用的上传文件都是Flex写的。近期html页面须要上传页面功能。
相比之下,比flex还是要麻烦一些,问题也多一些。这里记录下:
ajax上传文件,我用到了ajaxfileupload.js修正版。
<form id="addAttaForm" enctype="multipart/form-data">
	<div class="row">
		<l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-05-22 21:54:00
                            
                                149阅读
                            
                                                                                    
                                2评论