Orchard/src/Orchard.Web/Modules/Orchard.MediaPicker/Views/Admin/Tab_Url.cshtml

@model Orchard.Media.ViewModels.MediaFolderEditViewModel
@using Orchard.Media.Extensions;
@using Orchard.Media.Helpers;
@using Orchard.Media.Services;
@using Orchard.Media.Models;
@using Orchard.UI.Resources;
@{
    var uploadAction = Url.Action("AddFromClient", "Admin", new { area = "Orchard.Media" });
    // media directory to save uploaded files into
    var mediaPath = Request["uploadpath"];
    if (!Url.IsLocalUrl(mediaPath)) {
        mediaPath = "";
    }
}
        <div style="float:left;">
            <img alt="" id="img-loader" style="display:none" src="" />
            <div class="media-largepreview">
                <img alt="@T("Preview of Image")" id="img-preview" src="TODO: some placeholder image" onload="jQuery.mediaPicker.scalePreview(this)" />
            </div>
            <div>
                <label for="img-src">@T("URL for the image resource")</label>
                <input type="text" id="img-src" />
            </div>
            <div>
                @using(Html.BeginFormAntiForgeryPost(uploadAction, FormMethod.Post, new { id = "img-uploadform", enctype = "multipart/form-data", onsubmit="jQuery.mediaPicker.uploadMedia(this)"})) { 
                    <input type="hidden" name="MediaPath" value="@mediaPath" />
                    <label for="fileUpload">@T("Upload an image from your computer")</label>
                    <input type="file" name="fileUpload" id="fileUpload"  />
                    <input type="submit" id="upload" value="Upload" />
                }
				<img id="img-indicator" src="@Url.Content("~/modules/orchard.mediapicker/content/synchronizing.gif")" alt="" class="throbber" />
            </div>

        </div>
        <div style="float:right">
            <fieldset style="width:200px">
                <label for="img-alt">@T("Alternative Text")</label>
                <input type="text" id="img-alt" />

                <label for="img-class">@T("Class")</label>
                <input type="text" id="img-class" />

                <label for="img-style">@T("Style")</label>
                <input type="text" id="img-style" />

                <label for="img-align">@T("Alignment")</label>
                <select id="img-align">
                    <option value="">None</option>
                    <option value="left">Left</option>
                    <option value="right">Right</option>
                    <option value="top">Top</option>
                    <option value="texttop">Text Top</option>
                    <option value="middle">Middle</option>
                    <option value="absmiddle">AbsMiddle</option>
                    <option value="bottom">Bottom</option>
                    <option value="absbottom">AbsBottom</option>
                    <option value="baseline">Baseline</option>
                </select>

                <label for="img-width">@T("Width")</label>
                <input type="text" id="img-width" />
                X
                <label for="img-height">@T("Height")</label>
                <input type="text" id="img-height" />

                <input type="checkbox" id="img-lock" checked="checked" />
                <label for="img-lock">@T("Lock Aspect Ratio")</label>

                <input type="button" id="img-cancel" value="@T("Cancel")" />
                <input type="button" id="img-insert" value="@T("Insert")" class="disabled" data-edittext="@T("Update")" />
            </fieldset>
        </div>