Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从api下载身份验证后的图像,并使用angular 5中的浏览器缓存缓存该图像_Javascript_Html_Angular_Image_Asp.net Web Api2 - Fatal编程技术网

Javascript 从api下载身份验证后的图像,并使用angular 5中的浏览器缓存缓存该图像

Javascript 从api下载身份验证后的图像,并使用angular 5中的浏览器缓存缓存该图像,javascript,html,angular,image,asp.net-web-api2,Javascript,Html,Angular,Image,Asp.net Web Api2,我正在尝试下载并在我的angular应用程序中显示图像 我面临的第一个问题是,我无法在图像源中传递身份验证头。我在这里读到了一个关于这个问题的答案,我们不能在html中设置/发送头,因为我必须从api下载blob,并将src属性设置为BLOBURL,这非常有效 但在做了这些改变之后,我面临的第二个问题是浏览器缓存不起作用,因为我必须在页面刷新或路由时一次又一次地下载相同的资源,并且每次都用不同的blob url设置src。我不想将资源缓存在本地存储中,因为它的大小超过了并在url中发送身份验证

我正在尝试下载并在我的angular应用程序中显示图像

我面临的第一个问题是,我无法在图像源中传递身份验证头。我在这里读到了一个关于这个问题的答案,我们不能在html中设置/发送头,因为我必须从api下载blob,并将src属性设置为BLOBURL,这非常有效


但在做了这些改变之后,我面临的第二个问题是浏览器缓存不起作用,因为我必须在页面刷新或路由时一次又一次地下载相同的资源,并且每次都用不同的blob url设置src。我不想将资源缓存在本地存储中,因为它的大小超过了并在url中发送身份验证令牌。

所以映像总是不同的?不,映像是相同的,但blob url将被更改。