[ 'choose' => __('Choose File', 'print-my-blog') ] ] ); parent::enqueueJs(); } /** * * @return string of html to display the field */ public function display() { // image uploader $html_generator = Html::instance(); $html = $html_generator->link( '#', __('Choose File', 'print-my-blog'), __('Click to select an existing file, or upload a new one.', 'print-my-blog'), '', 'twine_media_upload button' ); // the actual input $html .= 'input->htmlName() . '" '; // Want loose comparison // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison $html .= $this->input->htmlClass() != '' ? 'class="large-text twine_media_url ' . $this->input->htmlClass() . '" ' : 'class="large-text twine_media_url" '; $html .= 'value="' . $this->input->rawValueInForm() . '" '; $html .= 'placeholder="https://..." '; $html .= $this->input->otherHtmlAttributesString() . '>'; // only attempt to show the image if it at least exists if ($this->srcExists($this->input->rawValue())) { $image = $html_generator->br() . $html_generator->br() . $html_generator->div( $html_generator->img($this->input->rawValue(), '', '', 'twine_media_image'), null, 'twine-uploaded-image-wrap' ); } else { $image = ''; } // html string return $html_generator->div( $html . $html_generator->nbsp() . $image, '', 'twine_media_uploader_area' ); } /** * Asserts an image actually exists as quickly as possible by sending a HEAD * request * @param string $src * @return boolean */ protected function srcExists($src) { $results = wp_remote_head($src); if (is_array($results) && ! $results instanceof WP_Error) { return strpos($results['headers']['content-type'], 'image') !== false; } else { return false; } } }