Question

我有一些非常简单的事情。

我会将一个简单的bloburl放到一个标签的href中。

const&

超级简单。

在android，windows，blackberry等上有效。在ios上，我在3次点击后得到以下消息。

<a id="downloadReady" class="btn btn-primary" download=""
   href="blob:https://pic2.conveyor.cloud/934d8e82-cfb2-43d4-b0f9-00822621f772">
   Download Ready!
</a>

当然，图像很大，不是很大，但它来自iphone相机，在较小的图像上工作。

我无法嵌入jsbin，因为目前有一个bug。也许有人可以帮助我？

注意：代码用于简单的网站，浏览器，而不是像离子等本机混合网络应用程序。

Answer 1

使用Chrome浏览器在iOS上下载pdf时，我也遇到了完全相同的问题。我使用fileReader方法来解决这个问题。此外，我添加了此条件，此代码仅适用于iOS上的Chrome。以下是我的代码

 if (window.navigator.userAgent.toLowerCase().indexOf('crios') > -1) {
        const fileReader = new FileReader()
        const blobUrl = new Blob([serviceResponse.data], { type: 
        'application/pdf' })
          fileReader.onload = function (event) {
            window.location.href = reader.result
          }
          fileReader.readAsDataURL(blobUrl)
    }

如果您需要进一步澄清，请告诉我。

iOS下载图片来自href标签html

1 个答案: