Javascript 提交表单后显示图像预览我之前选择了哪个图像？

当我从图像库中选择图像时。此图像显示了我在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>

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);

我想在提交表单后显示图像预览我以前选择了哪个图像

     $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);