画像をアップロードする
画像をアップロードするカスタムフィールドついて詳しく説明します。
以下で説明しているファイルのカスタムフィールドは、ソースコードの生成はカスタムフィールドメーカーで簡単に作成できます。
画像をアップロードするカスタムフィールドの作成
例)PNGファイルをアップロードするカスタムフィールド(フィールド名:topVisual)
<!-- アップロード済みのファイルのプレビューエリア --> <!-- BEGIN topVisual@path:veil --> <img src="%{ARCHIVES_DIR}{topVisual@path}" width="{topVisual@x}" height="{topVisual@y}" alt="{topVisual@alt}" /><br /> <input type="hidden" name="topVisual@old" value="{topVisual@path}" /> <input type="hidden" name="topVisual@secret" value="{topVisual@secret}" /> <label for="input-checkbox-topVisual@edit"> <input type="checkbox" name="topVisual@edit" value="delete" id="input-checkbox-topVisual@edit" /> 削除 </label><br /><!-- END topVisual@path:veil --> <!-- イメージファイルをアップロードするフィールド --> <input type="file" name="topVisual" size="20" /> <input type="hidden" name="field[]" value="topVisual" /> <input type="hidden" name="topVisual:extension" value="image" /> <input type="text" name="topVisual@alt" value="{topVisual@alt}" /> <input type="hidden" name="topVisual@extension" value="png" /> <input type="hidden" name="topVisual@filename" value="topVisual.png" /> <input type="hidden" name="topVisual@width" value="820" />