Когда я выбираю изображение из галереи изображений.Это изображение показывает его предварительный просмотр, где я определил тег предварительного просмотра изображения в HTML.После отправки формы изображение исчезнет из предварительного просмотра.
Итак, я хочу отобразить предварительный просмотр изображения после отправки формы, какое изображение я выбрал раньше?
HTML
<tr class="form-field form-required">
<td colspan="2">
<tr class="form-field form-required">
<th scope="row" ><label for="lcp-icon">Icon</label></th>
<td>
<img id="preview" src="<?php echo $image_url ?>" height="50px" width="150px"><br>
<input id="image_url" type="text" size="30" name="image_url" value="<?php echo $image_url ?>" /><br/>
<input type="button" class="button button-secondary" id="lcp_logo" name="lcp_logo" value="Select Image"><br />
</td>
</tr>
</td>
</tr>
JQuery
jQuery(document).ready(function($) {
var image_custom_uploader;
jQuery("#lcp_logo").on("click", function(){
var image_custom_uploader = wp.media({
title: "Upload Image",
multiple: false
}).open().on("select", function(e) {
var attachment = image_custom_uploader.state().get("selection").first().toJSON();
var url = '';
url = attachment['url'];
jQuery('#image_url').val(url);
jQuery('#preview').attr("src", url);
});
});
});
PHP
$uploadedlogofile = $_POST['image_url'];
$icon = sanitize_text_field( $uploadedlogofile );
if ( !empty($icon) ) {
delete_option( 'admin_icon'
);
add_option( 'admin_icon', $icon);
}
/*fetch all settings*/
$icon = get_option('admin_icon',true);
Я хочу отобразить предварительный просмотр изображения после отправки формы, какое изображение я выбрал раньше?