This is a small plugin to edit an inline image, what does this plugin do is make an image editable by clicking on it and uploading a new one with a preview (it replaces the original clicked image) then the plugin adds a file input to the target form.
the index.html
page shows a simple example
First you need to load the jQuery library and then the imgEdit plugin.
<script src='./src/imgEdit.js'></script>
then add this code
$("YOUR IMG TAG SELECTOR").imgEdit({
inputName : "THE CREATED INPUT'S NAME",
form : "THE TARGET FORM WHERE THE INPUT WILL BE CREATED",
});
All contributions are welcome