Post.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Layout.master" AutoEventWireup="true" CodeFile="Post.aspx.cs" Inherits="Views_Post" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
    <script type="text/javascript">
        function changeImagePreview(uploadControl) {
            if (uploadControl.files && uploadControl.files[0]) {
                var fileReader = new FileReader();
                fileReader.onload = function (x) {
                    document.getElementById('image_preview').setAttribute('src', x.target.result);
                };
                fileReader.readAsDataURL(uploadControl.files[0]);
            } else {
                document.getElementById('image_preview').setAttribute('src', "../../public/img/grey_wash_wall.png");
            }
        }
    </script>
    <div id="form_item">
        <table align="center">
            <tr>
                <td>
                    <fieldset>
                        <label for="Title" class="form_label">Title</label><asp:TextBox ID="textbox_title" runat="server" name="Title" class="form_field"></asp:TextBox><br /><br />
                        <label for="Description" class="form_label">Description</label><textarea id="textbox_description" runat="server" name="Description" class="form_field"></textarea><br /><br />
                        <label for="Price" class="form_label">Price</label><asp:TextBox ID="textbox_price" runat="server" name="Price" class="form_field"></asp:TextBox><br /><br />
                        <label for="Location" class="form_label">Location</label><asp:TextBox ID="textbox_location" runat="server" name="Location" class="form_field"></asp:TextBox><br /><br />
                        <label for="Tags" class="form_label">Tags</label><asp:TextBox ID="textbox_tags" runat="server" name="Tags" class="form_field"></asp:TextBox><br /><br />
                        <label for="Image" class="form_label">Image (Optional)</label><asp:FileUpload ID="imageUpload" runat="server" class="image_box" onchange="changeImagePreview(this)"/><br /><br />
                        <asp:Label ID="addlisting_output" runat="server" Text=""></asp:Label><br />
                        <label for="Tags" class="form_label"></label><asp:Button ID="button_post" runat="server" Text="Post Listing" class="form_button" OnClick="Button1_Click"/>

                    </fieldset>
                </td>
                <td style="background-color: #eee; width: 200px; height: 100px" >
                   <img id="image_preview" src="../../public/img/grey_wash_wall.png"  width="200" alt="Item Image" />
                </td>
            </tr>
        </table>

    </div>
    
    
</asp:Content>