a标签下载图片音频跳转显示问题踩坑解决

image.png

正确操作 启动localhost或其他环境

image.png

在file本地单页面启动，点击页面a标签链接，除了doc.zip等浏览器不能打开的文件会直接弹出下载窗口，其他图片 音频类型文件会在浏览器url跳转打开显示到页面

---

---

插话：

image.png

blob里面二进制数据 转换后赋值给a href属性点击下载， 但是必须指定download后缀名 下载后才能正常打开，否则失败

此问题对于客户端应用场景不大，但是走到此步，认真想了一番，blob里二进制数据无法判断类型，所以根据判断类型来给出后缀名想法落空。数据库存储此也无法做出很好的类型判断 须携带相应的MIME类型字段来据此判断。回到此问题，客户端方面实现解决方法，根据当前相应操作，来赋值当前a标签download属性文件名后缀，判断用户操作，如果文本存储为txt html等类型，如图片 canvas.taDataUrl后指定"image/jpeg"，或是在new blob第二参数指定MIME类型,以对象形式 key val，踩坑实践实记。场景有无也