Question

我昨晚花了大约3个小时试图确定为什么我通过媒体库选取器字段上传的图像在博客文章中显示时会不断调整为200x200。

上传后没有调整大小，如果我将相同的图片插入博客帖子，它会保留原始大小。

我没有做过任何特别的事情，我只是通过添加媒体库选择器字段来编辑Blog Post内容定义。当我创建新的博客文章时，我单击“添加”按钮以选择媒体，然后发布帖子。

感谢您的投入！

Answer 1

默认情况下，当您显示媒体库选择器字段时，它将由Modules/Orchard.MediaLibrary/Views/FieldsMediaLibraryPicker.cshtml呈现。该模板循环遍历字段中的媒体部分，并调用Display(BuildDisplay(content, "Summary"))。这将为字段指向的每个媒体内容项构建形状。在您的情况下，其中一个形状将是Parts_Image形状。请注意，在BuildDisplay调用中，＆＃34;摘要＆＃34;传入了显示类型。这意味着将使用Parts / Image.Summary.cshtml模板来渲染每个图像。该模板具有以下代码来呈现图像：

<img width="200" height="200" alt="@mediaPart.AlternateText"
  src="@Display.ResizeMediaUrl(
       Width: 200, Height: 200, Mode: "crop",
       Alignment: "middlecenter", Path: mediaPart.MediaUrl)" />

这是将图像调整为200x200裁剪缩略图的尺寸。

如果这不是您想要的，那么您必须覆盖其中一个模板。我建议您为FieldsMediaLibraryPicker.cshtml创建您已使用的特定字段名称的备用内容，并在代码中更改显示类型，以及＃34;摘要＆＃34;到＆＃34;细节＆＃34;。这样，Image.cshtml将用于每个图像，并且不会进行任何大小调整。

Answer 2

默认情况下，图像会调整为形状。您应该启用形状跟踪模块而不是重新加载页面，而不是从页面底部展开形状跟踪工具，而不是单击图像而不是创建和更改替代。

Orchard Blog Post Media Picker Image Resized

2 个答案: