Vue中使用axios下载流图片并显示
使用axios下载流验证码的图片,并显示。其中使用responseType为blob,具体参考我的博文:下载文件,跨域获取Response Headers中响应头,以及IE无法下载文件只不过这里是使用saveAs进行下载文件,而这里就需要去获取URL然后显示所以改造(其中fetch是axios的封装)Vue.prototype.$downloadFileAxios = functio...
·
使用axios下载流验证码的图片,并显示。
其中使用responseType为blob,具体参考我的博文:
下载文件,跨域获取Response Headers中响应头,以及IE无法下载文件
只不过这里是使用saveAs进行下载文件,而这里就需要去获取URL然后显示
所以改造(其中fetch是axios的封装)
Vue.prototype.$downloadFileAxios = function (url) {
return new Promise((resolve, reject) => {
fetch({
url: url,
method: 'get',
responseType: 'blob'
}).then(response => {
const content = response.data;
resolve(window.URL.createObjectURL(content))
}).catch(error => {
reject(error)
})
})
}
使用:
this.$downloadFileAxios("xxx")
.then(res=>{
console.log(res)//res就是url地址,直接赋给src即可
})
咻咻~~~
更多推荐
已为社区贡献7条内容
所有评论(0)