mirror of https://github.com/abpframework/eventhub
berkansasmaz
5 years ago
23 changed files with 128 additions and 522 deletions
@ -1,35 +0,0 @@ |
|||
@using EventHub.Web.Pages.Events.Components.CreateEventArea |
|||
@using Microsoft.AspNetCore.Http |
|||
@model EventHub.Web.Pages.Events.Components.CreateEventArea.CreateEventAreaViewComponent.NewEventViewModel |
|||
|
|||
@{ |
|||
if (Model is null) |
|||
{ |
|||
throw new BadHttpRequestException(""); |
|||
} |
|||
|
|||
var eventId = ViewData["EventId"] as Guid?; |
|||
var eventUrlCode = ViewData["EventUrlCode"]?.ToString(); |
|||
|
|||
var result = Enum.TryParse(ViewData["StepType"]!.ToString(), out CreateEventAreaViewComponent.ProgressStepType stepType); |
|||
if (!result) |
|||
{ |
|||
throw new BadHttpRequestException(""); |
|||
} |
|||
} |
|||
|
|||
<div id="CreateEventContainer" style="@(stepType != CreateEventAreaViewComponent.ProgressStepType.NewEvent ? "display: none" : "")"> |
|||
<partial name="_newEventSection.cshtml" model="@Model"/> |
|||
</div> |
|||
<div id="CreateTrackContainer" style="@(stepType != CreateEventAreaViewComponent.ProgressStepType.NewTrack ? "display: none" : "")"> |
|||
<partial name="_addTrackSection.cshtml" model="@Model.Tracks"/> |
|||
</div> |
|||
<div id="CreateSessionContainer" style="@(stepType != CreateEventAreaViewComponent.ProgressStepType.NewSession ? "display: none" : "")"> |
|||
<partial name="_addSessionSection.cshtml" model="@Model.Tracks"/> |
|||
</div> |
|||
<div id="PreviewContainer" style="@(stepType != CreateEventAreaViewComponent.ProgressStepType.Preview ? "display: none" : "")"> |
|||
<partial name="_previewSection.cshtml" model="@Model"/> |
|||
</div> |
|||
|
|||
<input type="hidden" id="EventId" value="@eventId"/> |
|||
<input type="hidden" id="EventUrlCode" value="@eventUrlCode"/> |
|||
@ -1,15 +0,0 @@ |
|||
@using EventHub.Web.Pages.Events.Components.CreateEventArea |
|||
@model EventHub.Web.Pages.Events.Components.CreateEventArea.CreateEventAreaViewComponent.ProgressStepType |
|||
|
|||
<div class="px-4 py-1"> |
|||
<div class="progresses py-4"> |
|||
<ul class="d-flex align-items-center justify-content-between"> |
|||
<li id="step-1" class="create-steps @(Model == CreateEventAreaViewComponent.ProgressStepType.NewEvent ? "blue" : "")">1<span>New Event</span></li> |
|||
<li id="step-2" class="create-steps @(Model == CreateEventAreaViewComponent.ProgressStepType.NewTrack ? "blue" : "")">2<span>Add Track</span></li> |
|||
<li id="step-3" class="create-steps @(Model == CreateEventAreaViewComponent.ProgressStepType.NewSession ? "blue" : "")">3<span>Add Session</span></li> |
|||
</ul> |
|||
<div class="progress"> |
|||
<div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,35 @@ |
|||
@using EventHub.Web.Pages.Events.Components.CreateOrEditEventArea |
|||
@using Microsoft.AspNetCore.Http |
|||
@model EventHub.Web.Pages.Events.Components.CreateOrEditEventArea.CreateOrEditEventAreaViewComponent.NewEventViewModel |
|||
|
|||
@{ |
|||
if (Model is null) |
|||
{ |
|||
throw new BadHttpRequestException(""); |
|||
} |
|||
|
|||
var eventId = ViewData["EventId"] as Guid?; |
|||
var eventUrlCode = ViewData["EventUrlCode"]?.ToString(); |
|||
|
|||
var result = Enum.TryParse(ViewData["StepType"]!.ToString(), out CreateOrEditEventAreaViewComponent.ProgressStepType stepType); |
|||
if (!result) |
|||
{ |
|||
throw new BadHttpRequestException(""); |
|||
} |
|||
} |
|||
|
|||
<div id="CreateEventContainer" style="@(stepType != CreateOrEditEventAreaViewComponent.ProgressStepType.Event ? "display: none" : "")"> |
|||
<partial name="_newEventSection.cshtml" model="@Model"/> |
|||
</div> |
|||
<div id="CreateTrackContainer" style="@(stepType != CreateOrEditEventAreaViewComponent.ProgressStepType.Track ? "display: none" : "")"> |
|||
<partial name="_addTrackSection.cshtml" model="@Model.Tracks"/> |
|||
</div> |
|||
<div id="CreateSessionContainer" style="@(stepType != CreateOrEditEventAreaViewComponent.ProgressStepType.Session ? "display: none" : "")"> |
|||
<partial name="_addSessionSection.cshtml" model="@Model.Tracks"/> |
|||
</div> |
|||
<div id="PreviewContainer" style="@(stepType != CreateOrEditEventAreaViewComponent.ProgressStepType.Preview ? "display: none" : "")"> |
|||
<partial name="_previewSection.cshtml" model="@Model"/> |
|||
</div> |
|||
|
|||
<input type="hidden" id="EventId" value="@eventId"/> |
|||
<input type="hidden" id="EventUrlCode" value="@eventUrlCode"/> |
|||
@ -0,0 +1,20 @@ |
|||
@using EventHub.Web.Pages.Events.Components.CreateOrEditEventArea |
|||
@model EventHub.Web.Pages.Events.Components.CreateOrEditEventArea.CreateOrEditEventAreaViewComponent.ProgressStepType |
|||
|
|||
@{ |
|||
var eventId = ViewData["EventId"] as Guid?; |
|||
var prefixOfStep = eventId.HasValue ? "Edit" : "New"; |
|||
} |
|||
|
|||
<div class="px-4 py-1"> |
|||
<div class="progresses py-4"> |
|||
<ul class="d-flex align-items-center justify-content-between"> |
|||
<li id="step-1" class="create-steps @(Model == CreateOrEditEventAreaViewComponent.ProgressStepType.Event ? "blue" : "")">1<span>@prefixOfStep Event</span></li> |
|||
<li id="step-2" class="create-steps @(Model == CreateOrEditEventAreaViewComponent.ProgressStepType.Track ? "blue" : "")">2<span>@prefixOfStep Track</span></li> |
|||
<li id="step-3" class="create-steps @(Model == CreateOrEditEventAreaViewComponent.ProgressStepType.Session ? "blue" : "")">3<span>@prefixOfStep Session</span></li> |
|||
</ul> |
|||
<div class="progress"> |
|||
<div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -1,135 +1,19 @@ |
|||
@page "/event/edit/{url}" |
|||
@inject IHtmlLocalizer<EventHubResource> L |
|||
@using EventHub.Localization |
|||
@using EventHub.Web |
|||
@using Microsoft.AspNetCore.Mvc.Localization |
|||
@using Microsoft.Extensions.Options |
|||
@using EventHub.Web.Pages.Events.Components.CreateOrEditEventArea |
|||
@model EventHub.Web.Pages.Events.EditPageModel |
|||
@inject IOptions<EventHubUrlOptions> UrlOptions |
|||
|
|||
@section scripts { |
|||
<abp-script src="/Pages/Events/Edit.js"/> |
|||
<abp-script src="/libs/awesomplete/awesomplete.min.js" /> |
|||
} |
|||
|
|||
<form method="post" enctype="multipart/form-data"> |
|||
<div class="container pt-4"> |
|||
<div class="row py-4"> |
|||
<div class="col-md-9 mx-auto profile-content"> |
|||
|
|||
<div class="card"> |
|||
<div class="card-body" style="min-height: 496px"> |
|||
<h3 class="mb-4">Edit Event</h3> |
|||
<div class="form"> |
|||
<div class="row"> |
|||
<input type="hidden" value="@Model.Url" id="event-detail-url"/> |
|||
<abp-input asp-for="Event.Id"/> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<select asp-for="Event.OrganizationId" asp-items="Model.Organizations" class="form-select"> |
|||
<option selected value="">Organization</option> |
|||
</select> |
|||
<span asp-validation-for="Event.OrganizationId" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="text" id="inputTitle" asp-for="Event.Title" class="form-control" placeholder="Title"> |
|||
<label for="inputTitle">Title</label> |
|||
<span asp-validation-for="Event.Title" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input id="inputStartdate" asp-for="Event.StartTime" class="form-control" placeholder="Start Date"> |
|||
<label for="inputStartdate">Start Date</label> |
|||
<span asp-validation-for="Event.StartTime" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input id="inputEnddate" asp-for="Event.EndTime" class="form-control" placeholder="End Date"> |
|||
<label for="inputEnddate">End Date</label> |
|||
<span asp-validation-for="Event.EndTime" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-12"> |
|||
<div class="form-label-group form-floating"> |
|||
<textarea rows="5" type="text" id="inputDescription" asp-for="Event.Description" class="form-control" placeholder="Description"></textarea> |
|||
<span asp-validation-for="Event.Description" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-md-12"> |
|||
<h4 class="mb-4">Cover Image</h4> |
|||
<div class="row"> |
|||
<div class="col-5"> |
|||
<div class="image-area"> |
|||
<img id="imageResult" src="@(UrlOptions.Value.Api.EnsureEndsWith('/') + $"api/eventhub/event/cover-image/{Model.Event.Id}")" alt="" class="img-fluid rounded shadow-sm mx-auto d-block"> |
|||
</div> |
|||
</div> |
|||
<div class="col-7"> |
|||
<div> |
|||
<p class="mb-3">For horizontal format 600x300 sized upload images.</p> |
|||
<input type="file" id="Event_CoverImageFile" asp-for="Event.CoverImageFile" class="form-control border-0" hidden> |
|||
<label id="upload-label" for="Event_CoverImageFile" class="btn btn-primary btn-lg text-white">Choose file</label> |
|||
<span asp-validation-for="Event.CoverImageFile" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<select class="form-select" asp-for="Event.IsOnline"> |
|||
<option selected="selected" value="">Event Type</option> |
|||
<option value="@Boolean.TrueString">Online</option> |
|||
<option value="@Boolean.FalseString">In Person</option> |
|||
</select> |
|||
<span asp-validation-for="Event.IsOnline" class="text-danger"></span> |
|||
</div> |
|||
<div class="col-md-6 event-link-group" style="display: none"> |
|||
<div class="form-label-group"> |
|||
<input type="text" id="inputOnlineLink" asp-for="Event.OnlineLink" class="form-control" placeholder="Online Link"> |
|||
<label for="inputOnlineLink">Online Link</label> |
|||
<span asp-validation-for="Event.OnlineLink" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="number" id="inputCapacity" asp-for="Event.Capacity" class="form-control" placeholder="Capacity"> |
|||
<label for="inputCapacity">Capacity</label> |
|||
<span asp-validation-for="Event.Capacity" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 event-location-group"> |
|||
<select asp-for="Event.CountryId" asp-items="Model.Countries" class="form-select"> |
|||
<option selected="" value="">Country</option> |
|||
</select> |
|||
<span asp-validation-for="Event.CountryId" class="text-danger"></span> |
|||
</div> |
|||
<div class="col-md-6 event-location-group"> |
|||
<div class="form-label-group"> |
|||
<input type="text" id="inputCity" asp-for="Event.City" class="form-control" placeholder="City"> |
|||
<label for="inputCity">City</label> |
|||
<span asp-validation-for="Event.City" class="text-danger"></span> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<select asp-for="Event.Language" asp-items="Model.Languages" aria-label="en" class="form-select"> |
|||
<option selected value="">Language</option> |
|||
</select> |
|||
<span asp-validation-for="Event.Language" class="text-danger"></span> |
|||
</div> |
|||
|
|||
@section styles { |
|||
<abp-style src="/libs/awesomplete/awesomplete.css" /> |
|||
} |
|||
|
|||
<div class="col-md-12 text-end"> |
|||
<button type="submit" class="btn btn-primary btn-lg"> |
|||
@L["Submit"] |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
<div class="container mt-5"> |
|||
@await Component.InvokeAsync(typeof(CreateOrEditEventAreaViewComponent), new |
|||
{ |
|||
eventUrlCode = Model.UrlCode, |
|||
stepType = CreateOrEditEventAreaViewComponent.ProgressStepType.Event |
|||
}) |
|||
</div> |
|||
|
|||
@ -1,202 +1,19 @@ |
|||
using System; |
|||
using System.Collections.Generic; |
|||
using System.ComponentModel; |
|||
using System.ComponentModel.DataAnnotations; |
|||
using System.Globalization; |
|||
using System.IO; |
|||
using System.Linq; |
|||
using System.Threading.Tasks; |
|||
using EventHub.Events; |
|||
using EventHub.Organizations; |
|||
using EventHub.Web.Helpers; |
|||
using JetBrains.Annotations; |
|||
using Microsoft.AspNetCore.Http; |
|||
using Microsoft.AspNetCore.Mvc; |
|||
using Microsoft.AspNetCore.Mvc.Rendering; |
|||
using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Form; |
|||
using Volo.Abp.Content; |
|||
using Volo.Abp.Users; |
|||
|
|||
namespace EventHub.Web.Pages.Events |
|||
{ |
|||
public class EditPageModel : EventHubPageModel |
|||
{ |
|||
[BindProperty(SupportsGet = true)] |
|||
public new string Url { get; set; } |
|||
public string UrlCode { get; set; } |
|||
|
|||
[BindProperty] |
|||
public EditEventViewModel Event { get; set; } |
|||
|
|||
public List<SelectListItem> Organizations { get; private set; } |
|||
public List<SelectListItem> Countries { get; private set; } |
|||
public List<SelectListItem> Languages { get; private set; } |
|||
|
|||
private readonly IEventAppService _eventAppService; |
|||
private readonly IOrganizationAppService _organizationAppService; |
|||
|
|||
public EditPageModel( |
|||
IEventAppService eventAppService, |
|||
IOrganizationAppService organizationAppService) |
|||
{ |
|||
_eventAppService = eventAppService; |
|||
_organizationAppService = organizationAppService; |
|||
} |
|||
|
|||
public async Task OnGetAsync() |
|||
public EditPageModel() |
|||
{ |
|||
var urlCode = EventUrlCodeHelper.GetCodeFromUrl(Url); |
|||
var eventDetailDto = await _eventAppService.GetByUrlCodeAsync(urlCode); |
|||
|
|||
Event = ObjectMapper.Map<EventDetailDto, EditEventViewModel>(eventDetailDto); |
|||
|
|||
await FillOrganizationsAsync(); |
|||
await FillCountriesAsync(); |
|||
FillLanguages(); |
|||
} |
|||
|
|||
public async Task<IActionResult> OnPostAsync() |
|||
public void OnGet(string url) |
|||
{ |
|||
try |
|||
{ |
|||
ValidateModel(); |
|||
|
|||
var updateEventDto = ObjectMapper.Map<EditEventViewModel, UpdateEventDto>(Event); |
|||
|
|||
await using var memoryStream = new MemoryStream(); |
|||
if (Event.CoverImageFile != null && Event.CoverImageFile.Length > 0) |
|||
{ |
|||
await Event.CoverImageFile.CopyToAsync(memoryStream); |
|||
memoryStream.Position = 0; |
|||
|
|||
updateEventDto.CoverImageStreamContent = new RemoteStreamContent(memoryStream, fileName: Event.CoverImageFile.FileName, contentType: Event.CoverImageFile.ContentType); |
|||
} |
|||
|
|||
await _eventAppService.UpdateAsync(Event.Id, updateEventDto); |
|||
await memoryStream.DisposeAsync(); |
|||
|
|||
return RedirectToPage("./Detail", new { url = Url }); |
|||
} |
|||
catch (Exception exception) |
|||
{ |
|||
ShowAlert(exception); |
|||
await FillOrganizationsAsync(); |
|||
await FillCountriesAsync(); |
|||
FillLanguages(); |
|||
return Page(); |
|||
} |
|||
} |
|||
|
|||
private async Task FillOrganizationsAsync() |
|||
{ |
|||
var result = await _organizationAppService.GetOrganizationsByUserIdAsync(CurrentUser.GetId()); |
|||
Organizations = result.Items.Select( |
|||
organization => new SelectListItem |
|||
{ |
|||
Value = organization.Id.ToString(), |
|||
Text = organization.DisplayName |
|||
} |
|||
).ToList(); |
|||
|
|||
if (Event.OrganizationId != Guid.Empty) |
|||
{ |
|||
Organizations.Single(x => x.Value == Event.OrganizationId.ToString()).Selected = true; |
|||
} |
|||
} |
|||
|
|||
private async Task FillCountriesAsync() |
|||
{ |
|||
var result = await _eventAppService.GetCountriesLookupAsync(); |
|||
|
|||
Countries = result.Select( |
|||
country => new SelectListItem |
|||
{ |
|||
Value = country.Id.ToString(), |
|||
Text = country.Name |
|||
} |
|||
).ToList(); |
|||
|
|||
if (Event.CountryId.HasValue) |
|||
{ |
|||
Countries.Single(x => x.Value == Event.CountryId.ToString()).Selected = true; |
|||
} |
|||
} |
|||
|
|||
private void FillLanguages() |
|||
{ |
|||
var result = CultureInfo.GetCultures(CultureTypes.NeutralCultures) |
|||
.DistinctBy(x => x.EnglishName) |
|||
.OrderBy(x => x.EnglishName) |
|||
.ToList(); |
|||
result.Remove(result.Single(x => x.TwoLetterISOLanguageName == "iv")); // Invariant Language
|
|||
|
|||
Languages = result.Select( |
|||
cultureInfo => new SelectListItem |
|||
{ |
|||
Value = cultureInfo.TwoLetterISOLanguageName, |
|||
Text = cultureInfo.EnglishName |
|||
} |
|||
).ToList(); |
|||
|
|||
if (!string.IsNullOrWhiteSpace(Event.Language)) |
|||
{ |
|||
Languages.Single(x => x.Value == Event.Language).Selected = true; |
|||
} |
|||
} |
|||
|
|||
public class EditEventViewModel |
|||
{ |
|||
[HiddenInput] |
|||
public Guid Id { get; set; } |
|||
|
|||
[SelectItems(nameof(Organizations))] |
|||
[DisplayName("Organization")] |
|||
public Guid OrganizationId { get; set; } |
|||
|
|||
[Required] |
|||
[StringLength(EventConsts.MaxTitleLength, MinimumLength = EventConsts.MinTitleLength)] |
|||
public string Title { get; set; } |
|||
|
|||
[Required] |
|||
[DataType(DataType.DateTime)] |
|||
public DateTime StartTime { get; set; } = DateTime.Now; |
|||
|
|||
[Required] |
|||
[DataType(DataType.DateTime)] |
|||
public DateTime EndTime { get; set; } = DateTime.Now; |
|||
|
|||
[Required] |
|||
[StringLength(EventConsts.MaxDescriptionLength, MinimumLength = EventConsts.MinDescriptionLength)] |
|||
[TextArea] |
|||
public string Description { get; set; } |
|||
|
|||
[CanBeNull] |
|||
[Display(Name = "Cover Image")] |
|||
[DataType(DataType.Upload)] |
|||
[MaxFileSize(EventConsts.MaxCoverImageFileSize)] |
|||
[AllowedExtensions(new string[] { ".jpg", ".png", ".jpeg" })] |
|||
public IFormFile CoverImageFile { get; set; } |
|||
|
|||
[Required] |
|||
public bool IsOnline { get; set; } |
|||
|
|||
[CanBeNull] |
|||
[StringLength(EventConsts.MaxOnlineLinkLength, MinimumLength = EventConsts.MinOnlineLinkLength)] |
|||
public string OnlineLink { get; set; } |
|||
|
|||
[SelectItems(nameof(Countries))] |
|||
[DisplayName("Country")] |
|||
public Guid? CountryId { get; set; } |
|||
|
|||
[CanBeNull] |
|||
[StringLength(EventConsts.MaxCityLength, MinimumLength = EventConsts.MinCityLength)] |
|||
public string City { get; set; } |
|||
|
|||
[SelectItems(nameof(Languages))] |
|||
[DisplayName("Language")] |
|||
public string Language { get; set; } |
|||
|
|||
[Range(1, int.MaxValue)] |
|||
public int? Capacity { get; set; } |
|||
UrlCode = EventUrlCodeHelper.GetCodeFromUrl(url); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
@ -1,94 +0,0 @@ |
|||
$(function () { |
|||
var l = abp.localization.getResource('EventHub'); |
|||
|
|||
var isOnline = $("#Event_IsOnline option:selected").val() |
|||
if (isOnline === "True") { |
|||
$(".event-link-group").show(); |
|||
$(".event-location-group").hide(); |
|||
} else { |
|||
$(".event-link-group").hide(); |
|||
$(".event-location-group").show(); |
|||
} |
|||
|
|||
$('#Event_IsOnline').on('change', '', function () { |
|||
var isOnline = $("#Event_IsOnline option:selected").val() |
|||
if (isOnline === "True") { |
|||
$("#Event_CountryId").attr("required", false); |
|||
$("#inputCity").attr("required", false); |
|||
$(".event-link-group").show(); |
|||
$(".event-location-group").hide(); |
|||
} else { |
|||
$("#Event_CountryId").attr("required", true); |
|||
$("#inputCity").attr("required", true); |
|||
$(".event-link-group").hide(); |
|||
$(".event-location-group").show(); |
|||
} |
|||
}); |
|||
|
|||
var infoArea = document.getElementById('upload-label'); |
|||
var fileInput = document.getElementById('Event_CoverImageFile'); |
|||
var file; |
|||
|
|||
if (fileInput !== null) { |
|||
fileInput.addEventListener('change', function () { |
|||
var showFile = true; |
|||
|
|||
file = fileInput.files[0]; |
|||
|
|||
if (file === undefined) { |
|||
$('#Event_CoverImageFile').val(''); |
|||
$('#imageResult').attr('src', '#'); |
|||
infoArea.textContent = 'Choose file' |
|||
return; |
|||
} |
|||
|
|||
var permittedExtensions = ["jpg", "jpeg", "png"] |
|||
var fileExtension = $(this).val().split('.').pop(); |
|||
if (permittedExtensions.indexOf(fileExtension) === -1) { |
|||
showFile = false; |
|||
abp.message.error(l('EventCoverImageExtensionNotAllowed')) |
|||
.then(() => { |
|||
$('#Event_CoverImageFile').val(''); |
|||
file = null; |
|||
}); |
|||
} else if (file.size > 1024 * 1024) { |
|||
showFile = false; |
|||
abp.message.error(l('EventCoverImageSizeExceedMessage')) |
|||
.then(() => { |
|||
$('#Event_CoverImageFile').val(''); |
|||
file = null; |
|||
}); |
|||
} |
|||
|
|||
var img = new Image(); |
|||
img.onload = function () { |
|||
var imageError = true; |
|||
var sizes = { |
|||
width: this.width, |
|||
height: this.height |
|||
}; |
|||
URL.revokeObjectURL(this.src); |
|||
|
|||
if (showFile && imageError) { |
|||
readURL(file); |
|||
} |
|||
} |
|||
|
|||
var objectURL = URL.createObjectURL(file); |
|||
img.src = objectURL; |
|||
}); |
|||
|
|||
function readURL(input) { |
|||
if (input) { |
|||
var reader = new FileReader(); |
|||
|
|||
reader.onload = function (e) { |
|||
$('#imageResult').attr('src', e.target.result); |
|||
infoArea.textContent = 'File name: ' + input.name; |
|||
} |
|||
|
|||
reader.readAsDataURL(input); |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
Loading…
Reference in new issue