|
8 | 8 |
|
9 | 9 | @* + (Model.cocktailToEdit.ImagePath ?? "NoImage.jpg"); *@
|
10 | 10 |
|
11 |
| - if (Model.cocktailToEdit.ImagePath is null) |
12 |
| - srcContent = srcContent + "NoImageSelected.png"; |
13 |
| - else |
14 |
| - if (Model.cocktailToEdit.ImagePath == "") |
15 |
| - srcContent = srcContent + "NoImageSelected.png"; |
| 11 | + srcContent = srcContent + Model.cocktailToEdit.ImagePath; |
| 12 | + |
| 13 | + if (Model.cocktailToEdit.ImagePath == "NoImageSelected.png") |
| 14 | + userImageName = "Please select an image"; |
16 | 15 | else
|
17 |
| - { |
18 |
| - srcContent = srcContent + Model.cocktailToEdit.ImagePath; |
19 |
| - userImageName = Model.cocktailToEdit.ImagePath.Substring(37); |
20 |
| - } |
21 |
| - |
| 16 | + userImageName = Model.cocktailToEdit.ImagePath.Substring(37); |
22 | 17 | }
|
23 | 18 |
|
24 | 19 |
|
|
69 | 64 | </div>
|
70 | 65 |
|
71 | 66 | <div class="form-group row">
|
72 |
| - <label asp-for="ctImage" class="col-sm-2 col-form-label"></label> |
| 67 | + <label class="col-sm-2 col-form-label">Image</label> |
73 | 68 | <div class="col-sm-10">
|
74 |
| - <div class="custom-file"> |
75 |
| - @*Photo property type is IFormFile, so ASP.NET Core |
76 |
| - automatically creates a FileUpload control *@ |
77 |
| - <input asp-for="ctImage" class="custom-file-input form-control"> |
| 69 | + <div class="custom-file"> |
| 70 | + <input asp-for="ctImage" class="custom-file-input form-control"> |
78 | 71 | @* <label class="custom-file-label">Click here to change image</label> *@
|
79 | 72 | <label class="custom-file-label">@userImageName</label>
|
80 | 73 | </div>
|
81 | 74 | </div>
|
82 | 75 | </div>
|
83 |
| - |
84 |
| - @*Display the existing employee photo*@ |
| 76 | + |
85 | 77 | <div class="form-group row col-sm-4 offset-4">
|
86 |
| - <img class="imageThumbnail" src="@srcContent" asp-append-version="true" /> |
| 78 | + <img id="imageThumbnail" height=auto width="175" src="@srcContent" asp-append-version="true" /> |
87 | 79 | </div>
|
88 |
| - |
89 | 80 |
|
90 | 81 | <div class="form-group row">
|
91 | 82 | <div class="col-sm-10">
|
|
102 | 93 | $('.custom-file-input').on("change", function () {
|
103 | 94 | var fileName = $(this).val().split("\\").pop();
|
104 | 95 | $(this).next('.custom-file-label').html(fileName);
|
| 96 | + var image = document.getElementById('imageThumbnail'); |
| 97 | + image.src = URL.createObjectURL(this.files[0]); |
105 | 98 | });
|
106 | 99 | });
|
107 | 100 | </script>
|
|
0 commit comments