上传文件总结--使用springMVC+ajaxfileupload.js

原创 2016年08月31日 10:09:11

本文实现的功能主要是将文件上传到后台,然后后台可以方便的处理文件。

我要使用到的文件主要就是ajaxfileupload.js+jquery-1.12.0.js,其中的网上下载的ajaxfileupload.js里边一般会报错handlerError,

加上这个就好了:handleError: function( s, xhr, status, e ) {

        // If a local callback was specified, fire it
        if ( s.error ) {
            s.error.call( s.context || s, xhr, status, e );
        }
     
        // Fire the global callback
        if ( s.global ) {
            (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
        }

    }

jsp的选择文件框要给<input name="uploadFile" id="uploadFile" type="file" size="50">,其中的name和id一定要设置好,后边会用到

js里边加上如下的:

$.ajaxFileUpload({
                       url:"sb.do?action=pldrSubmit",//请求路径
                       fileElementId:'uploadFile',//需要上传的文件域id即<input name="uploadFile" id="uploadFile" type="file" size="50">
                       dataType : "TEXT",  //这里的text要大写否则经常会报一个错误
                       success: function(result){
                            var dao = result.toString().toLowerCase();
                             var mstart = dao.indexOf("<retmsg>");
                            var mend   = dao.indexOf("</retmsg>");
                            var retmsg = dao.substring(mstart+8,mend);
                            if(null==retmsg || ""==retmsg || "null"==retmsg){
                                var tstart = dao.indexOf("<type>");
                                var tend   = dao.indexOf("</type>");
                                var type = dao.substring(tstart+6,tend);
                                if(100==type){
                                    alert("接收成功!");
                                }else{
                                    alert(retmsg);
                                }
                             }else{
                                alert(retmsg);
                            }  
                        return;
                       },}
            );

action里边如下:

@RequestMapping(params = "action=pldrSubmit")
    public void pldrSubmit(@RequestParam("uploadFile") MultipartFile uploadFile, HttpServletRequest request,HttpServletResponse response){
      
        log.debug("file name is :" + uploadFile.getOriginalFilename());
        String excute = null;
        if (!uploadFile.isEmpty()) {
            try {
                byte[] bytes = uploadFile.getBytes();//传过来,返回一个按位的数组
                String sxml = new String(bytes,"GBK");//将传过来的文件转成字符串
                log.info("---批量导入--"+sxml);
                String requestXml = "<Record><fileName>"+uploadFile.getOriginalFilename()+"</fileName><byteArray>"+sxml+"</byteArray></Record>";
                excute = service.excute("hgjk_pldlService",requestXml);
                log.debug(excute);
            } catch (IOException e) {
                e.printStackTrace();
            }  
//        String excute = "<type>100</type>";
        try {
            response.setCharacterEncoding("UTF-8");
            response.setContentType("text/html; charset=UTF-8");
            response.getWriter().print(excute);
        } catch (IOException e) {
            e.printStackTrace();
        }
        }
    }

这里的MultipartFile这个接口主要的方法有:

public abstract java.lang.String getName();//Return the name of the parameter in the multipart form.
 

  public abstract java.lang.String getOriginalFilename();//Return the original filename in the client's filesystem.
 

  public abstract java.lang.String getContentType();   //Return the content type of the file.
 
 
  public abstract boolean isEmpty();//Return whether the uploaded file is empty, that is, either no file hasbeen chosen in the multipart form or the chosen file has no content.
 
  public abstract long getSize();  //Return the size of the file in bytes.
 
  public abstract byte[] getBytes() throws java.io.IOException;    //Return the contents of the file as an array of bytes.
 

  public abstract java.io.InputStream getInputStream() throws java.io.IOException;  //Return an InputStream to read the contents of the file from.
 

  public abstract void transferTo(java.io.File arg0) throws java.io.IOException, java.lang.IllegalStateException;//Transfer the received file to the given destination file.


在springMVC中配置如下:

   <!-- 上传文件拦截,设置最大上传文件大小   100M=100*1024*1024(B)=10485760 bytes -->  
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">  
        <property name="maxUploadSize" value="104857600" />  
    </bean>

版权声明:本文为博主原创文章,未经博主允许不得转载。

SpringMVC结合ajaxfileupload.js实现ajax无刷新文件上传

一、spring mvc配置1、web.xml
  • javaloveiphone
  • javaloveiphone
  • 2016年12月20日 10:12
  • 3653

使用ajaxfileupload.js进行文件上传,出现的问题以及解决办法

使用ajaxfileupload.js 上传文件,出现的问题。1、handleerror is not a function 2、文件可以上传成功,但是不走success回调函数解决办法。...
  • demored
  • demored
  • 2017年03月15日 21:06
  • 1518

SpringMVC与ajaxfileupload.js实现多个文件同时上传

SpringMVC与ajaxfileupload.js实现多个文件同时上传
  • ranger2
  • ranger2
  • 2016年08月31日 00:25
  • 1506

springmvc+jquery+ajaxfileupload.js实现带有文本域的文件上传

最近项目中做的有部分是文件上传,一个表单中有文本域text,复选框checkbox等,还有一个文件域file,这样的文件上传,直接使用form提交即可,但是在该项目中,要求,文件上传要用ajax,因为...
  • wolf_soul
  • wolf_soul
  • 2015年08月12日 21:47
  • 1392

SpringMVC与ajaxfileupload.js实现多个文件同时上传

SpringMVC与ajaxfileupload.js实现多个文件同时上传
  • ranger2
  • ranger2
  • 2016年08月31日 00:25
  • 1506

SpringMVC结合ajaxfileupload.js实现异步上传文件

相比较提交表单实现文件上传,使用ajaxfileupload.js显得更加灵活 jsp代码:     //获取文件名称       function change(){         var...
  • biaozhun90
  • biaozhun90
  • 2016年07月18日 15:07
  • 544

ajaxfileupload.js+SpringMVC实现文件上传

一、jsp页面 js下载 : http://download.csdn.net/detail/longtingjing/9725858 js引用: ...
  • longtingjing
  • longtingjing
  • 2016年12月30日 19:09
  • 1023

SpringMVC结合ajaxfileupload.js实现文件无刷新上传

完整版见https://jadyer.github.io/2012/05/17/springmvc-annotation/
  • jadyer
  • jadyer
  • 2013年09月14日 20:22
  • 15702

SpringMVC结合ajaxfileupload.js实现ajax无刷新文件上传

一、spring mvc配置1、web.xml
  • javaloveiphone
  • javaloveiphone
  • 2016年12月20日 10:12
  • 3653

使用ajaxfileupload.js实现上传文件功能

一、ajaxFileUpload是一个异步上传文件的jQuery插件。   语法:$.ajaxFileUpload([options])   options参数说明: 1、url          ...
  • xujie3
  • xujie3
  • 2016年07月09日 14:54
  • 24795
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:上传文件总结--使用springMVC+ajaxfileupload.js
举报原因:
原因补充:

(最多只允许输入30个字)