Как правильно сделать Preview image before upload на сайте Wordpress?

Есть форма во фронтэнде, через которую пользователями происходит upload информации для поста на сайт. В этой форме также можно загрузить image как обложку публикации. Однако, форма не выводит превью загруженной картинки. Только указывает ссылку на картинку на сервере.
Как можно реализовать превью картинки до её отправки на сервер?

Код, отвечающий за прикрепление картинки:
if( get_option('show_feature') == 'true' ){
            $html .= '<div class="new-single">';
            $html .= '<div class="new-name">'.__( "Feature Image" , "new-operator" ).'</div>';
            $html .= '<div class="new-fields">';
            $html .= '<input type="text" readonly="readonly" name="new-form-image-url" class="new-upload new-form-image-url" value="'.$image_url.'">';
            $html .= '<input type="hidden" name="new-form-image-id" class="new-form-image-id" value="'.$image_id.'">';
            $html .= '<input type="button" id="image-upload-file-button" class="new-image-upload float-right" value="'.__("Upload Image","new-operator").'" data-url="'. get_site_url().'" />';
            $html .= '</div>';
            $html .= '</div>';
            }
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы