就是給個(gè)上傳的接口給后臺(tái),和平時(shí)我們調(diào)后臺(tái)一樣的接口,類似form的action屬性

就是請求的路徑： 如下：

@Controller
@RequestMapping("/upload")
@Scope(value = "prototype")
public class UploadControll {

 /**
 * desc 七牛多文件上傳支持
 * class-name UploadControll
 * method-name qiniuUploadfile
 * param  [upfile]
 * return java.util.Map
 * throws @throws Exception   
 */
@ResponseBody
@RequestMapping(value = "/qiniuUploadfile")
public Map qiniuUploadfile(@RequestParam(value = "upfile", required = true) MultipartFile[] upfile) throws Exception {
    Map<String, String> map = new HashMap<String, String>();
    if (upfile != null && upfile.length > 0) {
        // 循環(huán)獲取file數(shù)組中得文件
        for (int i = 0; i < upfile.length; i++) {
            MultipartFile uploadFile = upfile[i];
            File source = new File( uploadFile.getOriginalFilename() );// 文件
            String fileName = uploadFile.getOriginalFilename();
            uploadFile.transferTo( source );//MultipartFile 轉(zhuǎn)file
            if (source.isFile()) {
                // 得到File后的操作
                PicUploader pictureUpload = new PicUploader();
                try {
                    Response res = pictureUpload.upload( source, uploadFile.getOriginalFilename() );
                    QiniuResponseResult qiniuResponseResult = res.jsonToObject( QiniuResponseResult.class );
                    map.put( "url", QINIU_IMG_SERVER_URL + qiniuResponseResult.getKey() );
                    map.put( "name", fileName );
                    map.put( "size", uploadFile.getSize()+"");
                    map.put( "state", "SUCCESS" );
                } catch (IOException e) {
                    e.printStackTrace();
                    map.put( "state", "FAIL" );//上傳失敗
                }
            }

        }
    }
    return map;
}

}
附個(gè)截圖：

如果IP和端口是：192.168.127.128:8080;
那么：
上傳的配置就是：

        <Upload
            ref="upload" name="upfile"
            :show-upload-list="false"
            :default-file-list="defaultList"
            :on-success="handleSuccess"
            :format="format"
            :max-size="size"
            :on-format-error="handleFormatError"
            :on-exceeded-size="handleMaxSize"
            :before-upload="handleBeforeUpload2"
            multiple
            type="drag"
            :action="http://192.168.127.128:8080/upload/qiniuUploadfile"
            style="display: inline-block;width:58px;">
        <div style="width: 58px;height:58px;line-height: 76px;">
            <Icon type="camera" size="40"></Icon>
        </div>
    </Upload>
    
    特別注意：name="upfile"，也必須和后臺(tái)的參數(shù)名一致：
     public Map qiniuUploadfile(@RequestParam(value = "upfile", required = true) 

 請問，我選多少個(gè)文件，就觸發(fā)多少次上傳，是什么原因？
       <Upload  style="display:inline-block;"
        ref="upload" name="defaultList"
         multiple
        :format="['dcm']"
        action="/pacs-pre-service/upPatient/upTaskFile"
        :show-upload-list="false"
        :default-file-list="defaultList"
        :on-success="handleSuccess"
        :with-credentials="true"
        :on-format-error="handleFormatError">
        <Button  icon="ios-cloud-upload-outline">導(dǎo)入文件夾</Button>
        </Upload>