Browse Source

Merge pull request #43 from prtksxna/remove-image

Remove image
pull/46/head
Aaron Parecki 5 years ago
parent
commit
3fc4084781
1 changed files with 16 additions and 9 deletions
  1. +16
    -9
      views/new-post.php

+ 16
- 9
views/new-post.php View File

@ -26,9 +26,12 @@
<div class="form-group">
<label for="note_photo"><code>photo</code></label>
<input type="file" name="note_photo" id="note_photo" accept="image/*" onchange="previewPhoto(event)">
<input type="file" name="note_photo" id="note_photo" accept="image/*">
<br>
<img src="" id="photo_preview" style="max-width: 300px; max-height: 300px;">
<div id="photo_preview_container">
<img src="" id="photo_preview" style="max-width: 300px; max-height: 300px;">
<button type="button" class="btn btn-danger btn-sm" id="remove_photo"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Remove image</button>
</div>
</div>
<div class="form-group">
@ -132,16 +135,20 @@
</style>
<script>
function previewPhoto(event) {
$("#photo_preview")
.show()
.attr("src", URL.createObjectURL(event.target.files[0]) );
}
$(function(){
var userHasSetCategory = false;
$("#photo_preview").hide();
$("#photo_preview_container").hide();
$("#note_photo").on("change", function(e){
$("#photo_preview_container").show();
$("#photo_preview").attr("src", URL.createObjectURL(e.target.files[0]) );
});
$("#remove_photo").on("click", function(){
$("#note_photo").val("");
$("#photo_preview").attr("src", "" );
$("#photo_preview_container").hide();
});
$("#note_content").on('change keyup', function(e){
var text = $("#note_content").val();

Loading…
Cancel
Save