文件上传和下载


         /* /!*判断文件名称*!/
                if(file.name) {
                    // name = file.name.replace(/\s/g,"").split('.')[0]
                    name = file.name.split('.')[0]
                    if (name !== this.fileName) {
                        return this.pro(file)
                    }
                }*/

   downLoadTemp() {
                window.open('http://dev.sibat.cn/accident-html/excel/交警事故清单模板.xlsx')
            },
        /*    downLoadTemp() {
                let params = {
                    tempType:'traffic_police'
                }
                this.$http({
                    method: 'get',
                    responseType: 'blob',//防止返回乱码
                    // url: '/accident-html/#/static/fileExcel/police.xlsx',//测试
                    url: 'http://dev.sibat.cn/accident-html/excel/交警事故清单模板.xlsx',
                    params: params
                }).then(res=>{
                    console.log(res.data.status)
                    if(res.status == '200'){
                        let data = res.data;
                        if (!data) {
                            this.$message.error('下载失败,解析数据为空!')
                            return
                        }
                        // 创建一个新的url,此url指向新建的Blob对象
                        let url = window.URL.createObjectURL(new Blob([data]))
                        // 创建a标签,并隐藏改a标签
                        let link = document.createElement('a')
                        link.style.display = 'none'
                        // a标签的href属性指定下载链接
                        link.href = url
                        //setAttribute() 方法添加指定的属性,并为其赋指定的值。
                        let fileName = '交警事故清单模板.xlsx'
                        link.setAttribute('download', fileName )
                        document.body.appendChild(link)
                        link.click()
                        this.$Message.info('导出成功');
                        this.modal3 = false;
                    }else{
                        this.$Message.error('导出失败,请尝试重新导出');
                    }
                });
            }*/

iview的upload组件中上传前添加提示信息,确认后再进行上传
https://blog.csdn.net/weixin_33860722/article/details/93873329

你可能感兴趣的:(文件上传和下载)