FastDFS上传文件二 : 多文件上传

FastDFS上传文件二 : 多文件上传

第一步 : 编写触发多文件上传的事件源

注意:在上传文件的标签里增加multiple=”multiple”这个属性就可以实现多图上传

    
        
            *
            上传商品图片(90x150尺寸):
            
            注:该尺寸图片必须为90x150。
        
    
    
        
            

            
            

        
    

第二步 : 编写多文件上传的事件函数

//上传多张图片
function uploadPic(){
    //上传图片异步的Jquery.form.js
    var options = {
            url : "/uploadFiles.do",
            type : "post",
            dataType : "json",
            success : function(data){
                //多图片回显
                var html = ''
                         + ''
                         + '';
                for(var i=0;i'
                         +  ''
                }
                html += '删除'
                     +  ''
                     +  '';
                //回显
                $("#tab_2").append(html);

            }
    }
    $("#jvForm").ajaxSubmit(options);
}

第三步 : 编写多文件上传的java代码

// 同时上传多个文件
@RequestMapping(value = "/uploadFiles.do")
@ResponseBody
public List uploadFiles(@RequestParam MultipartFile[] mpfs)
        throws FileNotFoundException, IOException, Exception {

    // 上传文件返回的路径集合
    List arrayList = new ArrayList();

    for (MultipartFile mpf : mpfs) {

        // 将文件上传到分布式文件系统，并返回文件的存储路径及名称
        String uploadFile = FastDFSTool.uploadFile(mpf.getBytes(),
                mpf.getOriginalFilename());

        System.out.println(uploadFile);

        // 返回json格式的字符串（图片的绝对网络存放地址）
        arrayList.add(Constants.FDFS_SERVER + uploadFile);
    }
    return arrayList;
}