image - Umbraco 图像处理器不裁剪图像

Question

与许多其他人一样，在 Umbraco ImageProcessor 而非裁剪器方面存在同样的问题。我目前使用的是 7.4 版本，但 7.3 也根本不裁剪图像。

我正在使用 Azure Blob 存储，CDN 已遵循配置设置。

完整图像正在通过 Umbraco 后台上传到 Azure 存储，但已尝试各种格式的 URL 请求来拉取和裁剪图像，但无论是 JPG 还是 PNG 文件，都不起作用。根本不会发生裁剪，始终返回完整图像。

使用 fiddler，我可以看到请求将发送到 Azure Blob 来检索图像，但无论裁剪大小如何，始终返回完整图像大小。

http://localhost:10876/media/1022/grower.jpg?center=0.70666666666666667,0.505&mode=crop&width=100&height=50&rnd=130950810990000000

包配置...

<package id="ImageProcessor" version="2.3.1.0" targetFramework="net452" />
  <package id="ImageProcessor.Web" version="4.4.1.0" targetFramework="net452" />
<package id="ImageProcessor.Web.Config" version="2.2.4.0" targetFramework="net452" />
 <package id="ImageProcessor.Web.Plugins.AzureBlobCache" version="1.0.5.0" targetFramework="net452" />
<package id="UmbracoFileSystemProviders.Azure" version="0.5.0-beta" targetFramework="net452" />

网络配置...

  <modules runAllManagedModulesForAllRequests="true">
  <remove name="WebDAVModule" />
  <remove name="UrlRewriteModule" />
  <add name="UrlRewriteModule" type="UrlRewritingNet.Web.UrlRewriteModule, UrlRewritingNet.UrlRewriter" />
  <remove name="UmbracoModule" />
  <add name="UmbracoModule" type="Umbraco.Web.UmbracoModule,umbraco" />
  <remove name="ImageProcessorModule" />
  <add name="ImageProcessorModule" type="ImageProcessor.Web.HttpModules.ImageProcessingModule, ImageProcessor.Web" />
  <remove name="ScriptModule" />
  <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
  <remove name="ClientDependencyModule" />
  <add name="ClientDependencyModule" type="ClientDependency.Core.Module.ClientDependencyModule, ClientDependency.Core" />
  <!-- Needed for login/membership to work on homepage (as per http://stackoverflow.com/questions/218057/httpcontext-current-session-is-null-when-routing-requests) -->
  <remove name="FormsAuthentication" />
  <add name="FormsAuthentication" type="System.Web.Security.FormsAuthenticationModule" />
</modules>

 <httpModules>
  <add name="UrlRewriteModule" type="UrlRewritingNet.Web.UrlRewriteModule, UrlRewritingNet.UrlRewriter" />
  <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
  <add name="UmbracoModule" type="Umbraco.Web.UmbracoModule,umbraco" />
  <add name="ImageProcessorModule" type="ImageProcessor.Web.HttpModules.ImageProcessingModule, ImageProcessor.Web" />
  <add name="ClientDependencyModule" type="ClientDependency.Core.Module.ClientDependencyModule, ClientDependency.Core" />
</httpModules>

Answer 1

我遇到的问题是由于错误理解如何在 security.config 文件中设置 CloudImageService。正如前面提到的，当我单步执行代码时，我发现虽然我配置了远程图像服务，但它并没有使用它。关键是 CloudImageService 中的前缀属性必须设置为 Media/，以便它与以 .. http://localhost:1234/media/image.png 开头的图像 URL 路径对齐。 ...一旦我正确设置了该设置，当我请求不同的宽度/高度等时，我现在就可以看到变化。这只花了我一周的时间来解决。