WordPress のコンタクトフォーム(Contact Form 7)でiPhoneからの画像 .heic ファイルを添付を可能にする(2024/03/15追記)

※2024年3月15日:添付ファイルサイズの上限設定について追記しました。

WordPress のコンタクトフォームで、iPhoneから画像を添付しようとすると、「セキュリティによって許可されていません」とか、「このファイルは送信できません」的メッセージが表示されて、添付できない場合があります。

iPhoneでは、高解像度で圧縮が可能な HEAF(High Efficiency Image File Format:ハイ・エフィシエンシー・イメージ・ファイル・フォーマット)形式をサポートしています。
iPhoneの設定で特に設定していなければ、画像は .heic という拡張子で保存されます。
(設定方法によっては、.jpeg 形式で保存することも可能です)

.heic 形式のファイルをアップロードできない原因

原因は2つ。

  • WordPress 自体が、.heic 形式のファイルのアップロードを許可していない。
  • Contact Form 7 が .heic 形式のファイルをサポートしていない。

WordPress 自体が、.heic 形式のファイルのアップロードを許可していない

WordPress では、アップロード可能なファイル形式に制限があります。
wp-includes/functions.php
に、アップロード可能な拡張子とメディアタイプ(MIMEタイプ)の組み合わせが記述されています。(メディアタイプについては、後述
ここに、.heic 形式のファイルの設定が記述されていません。
そもそもWordPress では、.heic 形式のファイルをアップロードできないのです。

function wp_get_mime_types() {
	return apply_filters(
		'mime_types',
		array(
			// Image formats.
			'jpg|jpeg|jpe'                 => 'image/jpeg',
			'gif'                          => 'image/gif',
			'png'                          => 'image/png',
			'bmp'                          => 'image/bmp',
			'tiff|tif'                     => 'image/tiff',
			'ico'                          => 'image/x-icon',
			// Video formats.
			'asf|asx'                      => 'video/x-ms-asf',
			'wmv'                          => 'video/x-ms-wmv',
			'wmx'                          => 'video/x-ms-wmx',
			'wm'                           => 'video/x-ms-wm',
			'avi'                          => 'video/avi',
			'divx'                         => 'video/divx',
			'flv'                          => 'video/x-flv',
			'mov|qt'                       => 'video/quicktime',
			'mpeg|mpg|mpe'                 => 'video/mpeg',
			'mp4|m4v'                      => 'video/mp4',
			'ogv'                          => 'video/ogg',
			'webm'                         => 'video/webm',
			'mkv'                          => 'video/x-matroska',
			'3gp|3gpp'                     => 'video/3gpp',  // Can also be audio.
			'3g2|3gp2'                     => 'video/3gpp2', // Can also be audio.
			// Text formats.
			'txt|asc|c|cc|h|srt'           => 'text/plain',
			'csv'                          => 'text/csv',
			'tsv'                          => 'text/tab-separated-values',
			'ics'                          => 'text/calendar',
			'rtx'                          => 'text/richtext',
			'css'                          => 'text/css',
			'htm|html'                     => 'text/html',
			'vtt'                          => 'text/vtt',
			'dfxp'                         => 'application/ttaf+xml',
			// Audio formats.
			'mp3|m4a|m4b'                  => 'audio/mpeg',
			'aac'                          => 'audio/aac',
			'ra|ram'                       => 'audio/x-realaudio',
			'wav'                          => 'audio/wav',
			'ogg|oga'                      => 'audio/ogg',
			'flac'                         => 'audio/flac',
			'mid|midi'                     => 'audio/midi',
			'wma'                          => 'audio/x-ms-wma',
			'wax'                          => 'audio/x-ms-wax',
			'mka'                          => 'audio/x-matroska',
			// Misc application formats.
			'rtf'                          => 'application/rtf',
			'js'                           => 'application/javascript',
			'pdf'                          => 'application/pdf',
			'swf'                          => 'application/x-shockwave-flash',
			'class'                        => 'application/java',
			'tar'                          => 'application/x-tar',
			'zip'                          => 'application/zip',
			'gz|gzip'                      => 'application/x-gzip',
			'rar'                          => 'application/rar',
			'7z'                           => 'application/x-7z-compressed',
			'exe'                          => 'application/x-msdownload',
			'psd'                          => 'application/octet-stream',
			'xcf'                          => 'application/octet-stream',
			// MS Office formats.
			'doc'                          => 'application/msword',
			'pot|pps|ppt'                  => 'application/vnd.ms-powerpoint',
			'wri'                          => 'application/vnd.ms-write',
			'xla|xls|xlt|xlw'              => 'application/vnd.ms-excel',
			'mdb'                          => 'application/vnd.ms-access',
			'mpp'                          => 'application/vnd.ms-project',
			'docx'                         => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
			'docm'                         => 'application/vnd.ms-word.document.macroEnabled.12',
			'dotx'                         => 'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
			'dotm'                         => 'application/vnd.ms-word.template.macroEnabled.12',
			'xlsx'                         => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
			'xlsm'                         => 'application/vnd.ms-excel.sheet.macroEnabled.12',
			'xlsb'                         => 'application/vnd.ms-excel.sheet.binary.macroEnabled.12',
			'xltx'                         => 'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
			'xltm'                         => 'application/vnd.ms-excel.template.macroEnabled.12',
			'xlam'                         => 'application/vnd.ms-excel.addin.macroEnabled.12',
			'pptx'                         => 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
			'pptm'                         => 'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
			'ppsx'                         => 'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
			'ppsm'                         => 'application/vnd.ms-powerpoint.slideshow.macroEnabled.12',
			'potx'                         => 'application/vnd.openxmlformats-officedocument.presentationml.template',
			'potm'                         => 'application/vnd.ms-powerpoint.template.macroEnabled.12',
			'ppam'                         => 'application/vnd.ms-powerpoint.addin.macroEnabled.12',
			'sldx'                         => 'application/vnd.openxmlformats-officedocument.presentationml.slide',
			'sldm'                         => 'application/vnd.ms-powerpoint.slide.macroEnabled.12',
			'onetoc|onetoc2|onetmp|onepkg' => 'application/onenote',
			'oxps'                         => 'application/oxps',
			'xps'                          => 'application/vnd.ms-xpsdocument',
			// OpenOffice formats.
			'odt'                          => 'application/vnd.oasis.opendocument.text',
			'odp'                          => 'application/vnd.oasis.opendocument.presentation',
			'ods'                          => 'application/vnd.oasis.opendocument.spreadsheet',
			'odg'                          => 'application/vnd.oasis.opendocument.graphics',
			'odc'                          => 'application/vnd.oasis.opendocument.chart',
			'odb'                          => 'application/vnd.oasis.opendocument.database',
			'odf'                          => 'application/vnd.oasis.opendocument.formula',
			// WordPerfect formats.
			'wp|wpd'                       => 'application/wordperfect',
			// iWork formats.
			'key'                          => 'application/vnd.apple.keynote',
			'numbers'                      => 'application/vnd.apple.numbers',
			'pages'                        => 'application/vnd.apple.pages',
		)
	);
}

Contact Form 7 が .heic や.heif 形式のファイルをサポートしていない。

さらに、Contact Form 7 で送信できるファイルの詳細を調べると、
Contact Form 7 公式サイト:
https://contactform7.com/ja/file-uploading-and-attachment/
に記述があります。
ここにも、.heicファイルは含まれていません。

デフォルトの受信可能ファイルタイプ (の拡張子) は、jpgjpegpnggifpdfdocdocxpptpptxodtavioggm4amovmp3mp4mpgwavwmv です。デフォルトの受信可能ファイルサイズは 1MB (1048576 バイト) です。

Contact Form 7プラグインサイト:ファイルのアップロードとメール添付

だからiPhoneから、Contact Form 7 のフォームに画像を送れない。
じゃ、送れるようにしましょう。

WordPress で .heic 形式のファイルをアップロード可能にする

テーマの functions.php に以下を記述。
upload_mimes フィルタを使って追加します。

/* get heic file format */
function allow_upload_heic( $mimes ) {
$mimes['heic'] = 'image/heic';
$mimes['heic-sequence'] = 'image/heic-sequence';
return $mimes;
}
add_filter( 'upload_mimes', 'allow_upload_heic' );

Contact Form 7 で .heic 形式のファイルをアップロード可能にする

Contact Form 7 の「フォーム」設定タブで、「ファイル」を選択。
添付ファイルのアップロード項目が作成できます。

Contact Form 7 の「フォーム」タブでファイルを設定

「受け入れ可能なファイル形式」欄に、受け入れるファイル形式を入力。
その際、「heic」を記述します。

Contact Form 7 の「フォーム」設定

生成されるタグは、以下のとおり。

[file file-195 filetypes:jpg|jpeg|png|gif|pdf|heic]

Contact Form 7 で添付ファイルサイズの上限を設定する

※2024/03/15追記

ここでもう一つの問題。
添付ファイルのサイズの問題があります。
ファイルを添付して、「ファイルが大きすぎます」と表示された場合。

Contact Form 7 で「ファイルが大きすぎます」という警告

Contact Form 7 ではデフォルトで、添付ファイルのファイルサイズ上限 1MB が設定されています。
この設定を変更する必要があります。
.heic ファイルだと、3MB ~4MB 程度で設定しておいたほうが良いでしょう。
「ファイルサイズの上限(バイト)」の項目に、設定したいサイズを入力します。

ただし。
ファイルサイズが大きければよいというものではありません。
例えば。Gmai では、上限 25MB 以上の添付ファイルは削除されます。
このことからContact Form 7 では、設定上限も 25MB に設定されています。
大きなファイルの添付、保存はサーバーにも負荷をかけます。
最低限のファイルサイズで設定することをお勧めします。

Contact Form 7 の「フォーム」設定:添付ファイルのサイズ上限を変更する

生成されるタグは、以下のとおり。

[file file-195 limit:4mb filetypes:jpg|jpeg|png|gif|pdf|heic]

php.ini の設定も必要かも

上記を設定しても添付ファイルが添付されない場合。
サーバーで php.ini の設定を変更する必要があります。
php.ini が操作できるサーバーなら、

  • memory_limit(メモリ使用量の上限)
  • post_max_size(POSTデータの最大サイズ ※合計サイズ)
  • upload_max_filesize(1ファイルあたりの最大アップロードサイズ)

を確認して、適宜変更します。

memory_limit = 20M
post_max_size = 20M
upload_max_filesize = 20M

Contact Form 7 でフォームのメール設定に、添付ファイルを設定する

また、「メール」の設定タブ、「ファイル添付」項目に、添付ファイルの設定もお忘れなく。

Contact Form 7 の「メール」タブでファイル添付を設定

さあ、以上でメールフォームを挿入したページをiPhoneで開き、iPhone から送信してみよう。
送信できましたね。

メディアタイプについて、補足しておきます。

メディアタイプ

MIME タイプ(Multipurpose Internet Mail Extensions)とも呼ばれます。
ファイルやインターネット上で転送されるコンテンツの形式を表現する識別子。
文書、ファイル、またはバイト列の性質や形式を表現します。

各メディアファイルについては、管理しているIANA (Internet Assigned Numbers Authority)のサイトで確認できます。
https://www.iana.org/assignments/media-types/media-types.xhtml

HEIF形式ファイルの拡張子は、.heif, または、 .heic
MIMEタイプは、image/heif, image/heif-sequence, または、image/heic, image/heic-sequence
となります。

先に述べた functions.php への記述については、image/heic, image/heic-sequenceのみを追記しています。
デバイスによって、.heif ファイルも必要であれば、追記してください。

参考サイト:deep-space.blue様
「【wordpress】アップロード可能なファイル拡張子を増やす」
https://deep-space.blue/web/555

関連記事

©Oz-style