iview 文件的上传和下载

一：直接用iview的upload

1.1上传

1.html

//action: 		  上传的地址，必填
//data:   		  上传时附带的额外参数
//on-success:     文件上传成功时的钩子，返回字段为 response, file, fileList

<Upload
        :action= "env + '/Manage/upload'"  
        :data="{companyId: row.ID}"
        :on-success="success">
    <Button type="primary" size="small" icon="ios-cloud-upload-outline">上传</Button>
</Upload>

2.js

//上传成功
success(response: any) {
    this.$Message.info("上传成功！");
}

//判断当前的环境
if (process.env.NODE_ENV === 'development') {
    //开发环境 do something
    this.env = 'api';
} else {
    //生产环境 do something
}

1.2.下载

//下载文件
download(row: any) {
    if (process.env.NODE_ENV === 'development') {
        //开发环境 do something
        window.open("本地ip/Manage/download?fileId=" + row.ID);
    } else {
        //生产环境 do something
        window.open("线上ip/Manage/download?fileId=" + row.ID);
    }
}

二.先填写文件名再上传

2.1上传

html

<div>
    &l