SpringMVC+Huploadify 实现文件上传下载

实现上传下载的技术有很多，我目前做的这个项目视图层用的SpringMVC框架，需要结合该框架实现上传下载。

问了下公司前辈，前端框架推荐我使用Huploadify。

不多说，上代码。

js代码，函数调用：

①首先要下载引用js，这个不赘述。

②函数引用

function uploadInit(domName,domPic){  
        $("#"+domName).Huploadify({  
            auto:true,  
            fileTypeExts:'*.*',  //前缀、后缀拦截（多个,隔开）
            multi:false,  //是否上传多个
            fileObjName:'fileid',  //参数名称（***重点***）
            fileSizeLimit:99999999999,  //文件大小限制（单位kb）
            showUploadedPercent:true,  //是否显示上传进度条
            buttonText:'上传图片',  //上传按钮显示文字
            uploader:"${ctx}/advance/account/upload",  //控制器路径
            onUploadSuccess:function(file,data){  
                alert("上传成功");
                var Data=JSON.parse(data);  
                if(Data.success==true){  
                     $("#"+domPic).attr("src",Data.result);  
                    param.uploadsuccess(Data.result);  
                }else{  
                     jQuery.longhz.alert(Data.resultDes);  
                }  
            },  
            onUploadError:function(file,response){  
                jQuery.longhz.alert("上传失败!");  
            }  
        });  
          
}  


//调用公共方法  
uploadInit("fileid","imgid");

③HTML

<div class="col-sm-4 controls">
    <img src="" alt="" class="" id="imgid"/>预览图片   
<div id="fileid" name="fileid"></div><!--图片上传按钮--> 
</div> 

好了，完事了。。。

就是这么简单，补充两点：

1.Huploadify包中有个jquery.Huploadify.js文件，其中包含齐全的默认配置，可以再里面更改属性。

2.注意fileObjName:'fileid'这个参数，这个参数表示传递给控制器的参数名称，这个值必须在页面配置——jquery.Huploadify.js文件——控制器接受参数三者一致，否则会出现接收不到请求或参数错误的情况。

控制器代码：

//上传图片
    @RequestMapping(value = "upload")
    public void upload(@RequestParam(value="fileid") MultipartFile file) {
        if(file == null) return;
        String fileName = file.getOriginalFilename();
        File saveFile = new File(Global.getConfig("uploadPath")+fileName);
        UploadUtils.copy(file, saveFile);
        
    }

//以流的形式存储到本地即可
public class UploadUtils {
    public static void copy(MultipartFile file, File saveFile){
        OutputStream os = null;
        InputStream is = null;
        int i = 0;
        byte[] buff = new byte[1024];
        try {
            os = new FileOutputStream(saveFile);
            is = file.getInputStream();
            while((i = is.read(buff)) != -1)
                os.write(buff, 0, i);
            os.flush();
        } catch (FileNotFoundException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }finally{
            try {
                is.close();
                os.close();
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
    }
}

配置文件：

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