工作中用到,记录一下

  • 前端对于返回数据的处理
    1.对于请求的配置

    {
    url: ‘xxxx’,
    mothod: ‘post’,
    data: params,
    responseType: ‘blob’
    }

调用接口后返回的结果如下 : Blob(733347) { size: 733347, type: “application/octet-stream” }
2.下载函数
简单说明一下我应用的场景,vue使用ant 框架, 对应的是a-table的操作列下载按钮 这里利用作用域插槽得到每行数据对应的文件名称, 下面的filename就是这样来的,带有相应的后缀 比如: 家电行业报告模板下载.doc
传入两个参数

downfiles ( datas, filename ) {
	var data  = new Blob( [ datas ] )
	console.log( data )
	var downloadUrl = window.URL.createObjectURL(data)
	var anchor = document.createElement( 'a' )
	anchor.href = downloadUrl
	// 这里的filename 带有后缀,能决定文件的类型
	anchor.downolad =  filename
	anchor.click()
	window.URL.revokeObjectURL( data )
}

顺利调用,就能下载成功!!!!!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐