azure - 跨 Azure 存储中的多个容器的 Imageresizer

Question

我正在将图像上传到项目中的 azure blob 存储。出于逻辑原因，我为每次上传创建一个新容器，以对内容进行分组。这个公园运作得很好。现在我正在尝试设置 ImageResizer启用调整大小:)和其他一些东西。在所有示例中，它们都指向一个容器作为端点，但在我的例子中，我有多个动态容器，所以这不是一个选项。我的问题是是否有人知道它是否适合我的情况，或者我是否需要重新考虑存储图像的方式。

Answer 1

根据您的需求，您可以尝试利用AzureReader2使用 Azure Blob，以便动态调整 Azure Blob 中的图像大小。由于您有多个动态容器，您可以按照以下步骤配置AzureReader2 :

通过 NuGet 安装包

• ImageResizer.WebConfig

• ImageResizer.Plugins.AzureReader2

Web.config

<configSections>
    <section name="resizer" type="ImageResizer.ResizerSection" requirePermission="false" />
</configSections>

<resizer>
    <plugins>
      <add name="MvcRoutingShim" />
      <add name="AzureReader2"
           connectionString="{your-storage-connectionstring}"
           prefix="~/cloud/" />
    </plugins>
</resizer>

<system.web>
    <httpModules>
      <add name="ImageResizingModule" type="ImageResizer.InterceptModule" />
    </httpModules>
</system.web>

<system.webServer>
    <modules>
      <add name="ImageResizingModule" type="ImageResizer.InterceptModule" />
    </modules>
</system.webServer>

结果

这是我的测试，你可以引用一下。

1.将图像上传到我的 Azure Blob

https://brucechen.blob.core.windows.net/images01/test.jpg

https://brucechen.blob.core.windows.net/images01/landscape/test.jpg

https://brucechen.blob.core.windows.net/images02/test.jpg

2.我网站的浏览器图片如下:

http://bruce-chen.azurewebsites.net/cloud/images01/test.jpg?width=400

http://bruce-chen.azurewebsites.net/cloud/images01/landscape/test.jpg?width=400

http://bruce-chen.azurewebsites.net/cloud/images02/test.jpg?width=400

注意:您的图像链接应如下所示:

http(s)://<host-name>:<port>/<prefix-you-configured>/<blob-container-name>/<blob-file-name>?width=200&height=200

此外，要通过 ImageResizer 预先调整图像大小，您可以按照此 thread 中的答案进行操作。 。另外，还有另一个类似的库，名为 Simple.ImageResizer这是免费的，你可以引用一下。