首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

如何根据后端返回的 url 下载 json 文件

需求场景描述 有时候会遇到异步接口会返回一个 url 地址,然后前端需要根据这个 url 地址去下载文件资源的需求场景。...所以当尝试像下面这样使用 a 标签去执行该 url 地址,会发现它是直接预览打开的一个 json 文件(也可能是一个 txt,js 等文件) <a href=" http://192.168.0.172...txt,<em>js</em>,css 等可访问的静态资源地址也会被直接打开(这或许叫预览,两种形式,一种是预览文件,另一种是<em>下载</em>文件)而不是<em>下载</em>。...我们更常见的可能是<em>图片</em>,它可以直接在浏览器打开预览,这大概率也是因为其返回的形式是 base64 的<em>图片</em>, 它能被浏览器识别,于是就浏览器就正常执行了文件预览模式,而非<em>下载</em>模式。...下面是两个测试的示意图 那么,如果想<em>根据</em>这种接口返回的 <em>url</em>(一个静态资源地址,例如 一个 json 或 txt 文件的资源地址), 直接<em>下载</em>而不是预览该如何做呢?

4.7K100

js图片前端预览之 filereader 和 window.URL.createObjectURL

但在某些奇葩手机上,比如oppo 安卓4.3在我们app的webview内通过打开相册上传发现无法预览图片!但在该手机的微信,浏览器内上传均可以!...看了下代码,如下图,是因为base64编码内缺少了图片格式,手动加上image/jpg图片立即显示,刚开始以为是readAsDataURL的问题,没有编码成功,找了一晚上原因,无解!...无意间却发现图片预览除了filereader还可以用url.createObjectURL。晚上11点26,先赶最后一班地铁。...===================== 第二天一早,把半夜的灵感实验了下,根据判断input file的图片类型,如果不存在就给文件手动赋值类型。(见下方调试用代码,有点乱) ?...于是开始实践URL.createObjectURL (见最上面的第二部分代码) 神奇!发现预览正常!

3K70
领券