资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

JQuery和Struts如何实现Ajax文件上传

这篇文章主要讲解了“JQuery和Struts如何实现Ajax文件上传”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JQuery和Struts如何实现Ajax文件上传”吧！

创新互联公司提供做网站、成都网站设计、网页设计，成都品牌网站建设，一元广告等致力于企业网站建设与公司网站制作，十年的网站开发和建站经验,助力企业信息化建设，成功案例突破近千家,是您实现网站建设的好选择.

首先说下使用的框架和插件：

Struts1.3   jQuery1.3   ajaxupload.3.2.js(一个JQuery的插件，实现Ajax上传的效果)

COS(O’relly的一个性能很棒的上传组件)

JSP页面：

<%@ page language="java"  pageEncoding="UTF-8"%> <%@ include file="../../common/taglibs.jsp" %>                  Ajax文件上传示例           #loading,ol{        font-size:14px;        display:none;        color:orange;        display:none;       }       ol{        display:block;       }           $(function(){          new AjaxUpload("#fileButton",{      action:"${basePath}/file.do?method=upload",      autoSubmit:true,      name:"myfile",      onSubmit:function(file, extension){       if (extension && /^(pdf|jpg|png|jpeg|gif)$/.test(extension))       {        $("#loading").html('');        $("#loading").show();        $("#fileButton").attr("disabled","disabled");       }       else       {        $("#loading").html("你所选择的文件不受系统支持");        $("#loading").show();        return false;       }      },      onComplete:function(file, extension){       $("#loading").html("文件上传成功");       $("#loading").show();       $("#fileButton").removeAttr("disabled");      }     });               new Ajax_upload('#button3', {      action: '${basePath}/file.do?method=upload',      name: 'myfile',      autoSubmit:true,      onComplete : function(file, extension){       $('
  • ').appendTo($('.files')).text(file);      }      });    });                         
         
                     

    上传成功的文件有:

          

             

             StrutsAction代码：package com.kay.crm.web;   import javax.servlet.http.HttpServletRequest;  import javax.servlet.http.HttpServletResponse;   import org.apache.struts.action.ActionForm;  import org.apache.struts.action.ActionForward;  import org.apache.struts.action.ActionMapping;  import org.apache.struts.actions.DispatchAction;  import org.springframework.stereotype.Controller;   import com.kay.common.util.CosUtil;   @Controller("/file")  public class FileUploadAction extends DispatchAction {    public ActionForward upload(ActionMapping mapping, ActionForm form,     HttpServletRequest request, HttpServletResponse response) throws Exception {         String fileName = CosUtil.upload(request);    System.out.println(fileName);        return null;   }  }Cos的工具类：package com.kay.common.util;   import java.io.File;  import java.io.IOException;  import java.util.Enumeration;   import javax.servlet.http.HttpServletRequest;   import com.oreilly.servlet.MultipartRequest;   public class CosUtil {    @SuppressWarnings({ "deprecation", "unchecked" })   public static String upload(HttpServletRequest request) throws IOException   {    //存绝对路径    //String filePath = "C://upload";    //存相对路径    String filePath = request.getRealPath("/")+"upload";    File uploadPath = new File(filePath);    //检查文件夹是否存在 不存在 创建一个    if(!uploadPath.exists())    {     uploadPath.mkdir();    }    //文件***容量 5M    int fileMaxSize = 5*1024*1024;       //文件名    String fileName = null;    //上传文件数    int fileCount = 0;    //重命名策略    RandomFileRenamePolicy rfrp=new RandomFileRenamePolicy();    //上传文件    MultipartRequest mulit = new MultipartRequest(request,filePath,fileMaxSize,"UTF-8",rfrp);        String userName = mulit.getParameter("userName");    System.out.println(userName);        Enumeration filesname = mulit.getFileNames();         while(filesname.hasMoreElements()){              String name = (String)filesname.nextElement();              fileName = mulit.getFilesystemName(name);              String contentType = mulit.getContentType(name);                            if(fileName!=null){               fileCount++;              }              System.out.println("文件名：" + fileName);              System.out.println("文件类型： " + contentType);                       }         System.out.println("共上传" + fileCount + "个文件！");                  return fileName;   }  }Cos上传组件用到的重命名策略类：package com.kay.common.util;   import java.io.File;  import java.util.Date;   import com.oreilly.servlet.multipart.FileRenamePolicy;   public class RandomFileRenamePolicy implements FileRenamePolicy {    public File rename(File file) {     String body="";        String ext="";        Date date = new Date();        int pot=file.getName().lastIndexOf(".");        if(pot!=-1){            body= date.getTime() +"";            ext=file.getName().substring(pot);        }else{            body=(new Date()).getTime()+"";            ext="";        }        String newName=body+ext;        file=new File(file.getParent(),newName);        return file;    }  }

    感谢各位的阅读，以上就是“JQuery和Struts如何实现Ajax文件上传”的内容了，经过本文的学习后，相信大家对JQuery和Struts如何实现Ajax文件上传这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！


    文章题目：JQuery和Struts如何实现Ajax文件上传
    转载注明：http://cdkjz.cn/article/gossoi.html
    返回首页 了解更多建站资讯

    相关资讯

    多年建站经验

    多一份参考，总有益处

    联系快上网，免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈，可以通过以下方式与我们联系

    大客户专线   成都：13518219792   座机：028-86922220

    在线咨询 提交需求
    友情链接 交换友情链接
    网站快速收录成都集团网站建设成都企业网站建设圣与卓设计成都网站优化重庆网站建设公司中国（西部）云计算中心营销型网站建设都江堰网站建设广元双南建站

    成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

    成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

    专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图