使用图像字段上传图像

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

下面我们一起为电影内容添加一个上传电影海报的图像字段,打开 结构,内容类型,点击电影后面的 管理字段。

在添加新字段这里输入新的字段的标签,我们可以先输入一个英文的机读名称,输入 poster,点击 机读名称 后面的 编辑,然后再重新设置一下字段的标签,输入 海报。

字段类型 选择 图像,后面的 控件 选择默认的 图像。点击 保存。

这里我们可以设置这个图像字段文件的保存位置 ,默认是 公共文件,如果我们设置了私有文件系统的话,我们还可以选择 私有文件。公共文件存储的目录位于 Drupal 目录里面,用户可以直接通过浏览器访问到这些文件,私有文件 的存储位置一般在 Drupal 目录以外,用户不能直接访问到这些文件。

只有通过 Drupal 才能访问到这些文件,所以,你可以设置用户的权限,允许什么角色的用户才能够查看到这些私有文件。

在下面我们还可以为这个字段指定一个默认的图片。

点击 保存字段设置 。

在这个字段的编辑界面,我们可以输入一小段帮助文本…

在 允许的文件后缀名 这里,我们可以指定允许上传的图像格式,这里已经为我们列出来常用的图像格式。

在下面的 文件目录 这里可以定义一个使用这个字段上传的图像的存储目录。

我们还可以限制上传的图像的最大尺寸和最小尺寸。还有,可以指定允许上传的图像文件的最大尺寸,比如你不想让用户上传大于 10M 的图像,在这里你可以输入 10MB。

这里的设置跟服务器的设置相关,这里我们并没有做任何的设置,在后面,显示的是当前的限制为 8MB,这个 8 兆就是当前服务器设置的最大上传文件的尺寸。 php.ini 这个文件里的 upload_max_filesize 还有 post_max_size 这两个配置的值,就是服务器允许上传的文件尺寸,你可以把这两个配置的值改的大一些,然后重新启动 Apache 就可以了。

下面的 启用 Alt 字段 和 Title 字段,可以为上传的图像添加 alt 属性 和 title 属性的值,这两个属性可以增加网站的可用性,而且有利于搜索引擎优化。

勾选一下

在 预览图像样式 这里,用户上传图像以后会在内容的编辑界面直接显示上传的图像,这个图像的显示样式,我们可以在这里设置,选择之前创建的 poster 这个图像样式。它可以把图像缩放并裁切到150px宽,200px高。

进度指示器就是显示图像上传的进度,默认是 throbber,它会在上传的时候显示一个转悠的圆圈动画图片,并不能真正显示图片上传的进度。

下面的 进度条 可以显示出上传的进度。如果你想使用这个 进度条 功能,你的服务器环境的 PHP 要启用一个 PECL uploadprogress 的扩展,因为我们的环境里已经启用了这个扩展,所以你可以直接选择这个选项…

在字段设置这个区域里,我们可以设置允许用户上传的图片的数量,上传的目标,还有可以为字段指定一个默认的图片。

都确认好以后,点击 保存设置。

调整一下在内容编辑界面的字段的显示顺序,我们把 海报 放在 Title 字段的下面。 点击 保存。

回到前台页面,找到一个电影内容,编辑一下。

在 Title 标题字段的下面我们可以看到 海报 这个字段,选择文件,找到一张图片,打开,点击 上传...

上传成功以后,会直接在内容的编辑界面显示一个图像的预览,这个预览图的大小就是我们在 poster 这个图像样式里定义的。

在预览图的右侧,我们还可以输入图像的 替换文本 和 标题 这两个字段的内容,简单的描述一下这个图像的内容…

蝙蝠侠:黑暗骑士崛起电影海报 …

点击页面下方的 保存 …

当前所在的位置是内容的正文模式,你可以看到一张很大的电影海报,另外还会显示这个海报字段的标签。

下面我们可以修改一下这个字段的显示…

打开 结构,内容类型,点击 电影 后面的 管理显示…

修改一下默认模板的显示,找到 海报 这个字段,把 标签 设置为 隐藏 …

然后点击齿轮图标,配置一下… 图像样式 选择 poster,点击 更新 … 调整一下字段的显示顺序… 然后点击 保存…

再点击 摘要,把 海报 拖到上面来,标签 设置为 隐藏 … 点击 保存 …

点击 海报 字段后面的齿轮图标配置一下,在内容的摘要模式下,把海报字段显示的图像样式设置为 poster,图像链接到,这里选择 内容,这样用户可以点击这个图像打开这个图像所属的内容,如果选择文件的话,点击图像会打开这个图像的原始文件。

点击 更新 …

然后点击 保存… 回到前台页面…

在内容的摘要模式下,海报字段会按照 poster 图像样式的设置生成一个缩略图,点击这个图像,可以打开内容的正文。

在电影内容的正文,也就是全文模式下,也会按照 poster 图像样式里的设置显示 海报 字段上传的图像。

使用图像字段上传图像《 Drupal 7 基础 (上) 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点