iview upload功能action怎么写

1.第一次使用iview 的upload组件,有点不懂iview的api,请教各位:
我本机上有运行的java项目,action地址是指向这个工程文件内的upload文件夹吗
,后台说他需要我提交的参数是这个文件在我本机的地址和文件名

我本机的项目文件如下,端口号是8889,项目名是bank,
图片描述

阅读 19.9k
3 个回答

就是给个上传的接口给后台,和平时我们调后台一样的接口,类似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) {
        // 循环获取file数组中得文件
        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 转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;
}

}
附个截图:

clipboard.png

如果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",也必须和后台的参数名一致:
     public Map qiniuUploadfile(@RequestParam(value = "upfile", required = true) 
新手上路,请多包涵
 请问,我选多少个文件,就触发多少次上传,是什么原因?
       <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">导入文件夹</Button>
        </Upload>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题