HTML
<form class="formLogin" action="/addC" method="post">
<div class="itemImage">
<image id="blah" class="image" src="https://static.thenounproject.com/png/340719-200.png" alt="Uploaded Image">
<input name="itemImage" type='file' onchange="readURL(this);" />
</div>
<div class="addItemName">
<h2>Name Of Item</h2>
<input type="text" name="itemName" placeholder="Name Of Item" required>
</div>
<div class="addItemDescription">
<h2>Description Of Item</h2>
<textarea style="resize: none;" name="itemDescription" placeholder="Description/Other Infomation about Item" required>
</textarea>
</div>
<h2>Catagory Of Item</h2>
<div class="addItemCatagory">
<input type="radio" name="Catagory" value="clothes"> Clothes<br>
<input type="radio" name="Catagory" value="lunchbox"> Lunchbox<br>
<input type="radio" name="Catagory" value="toys"> Toys<br>
<input type="radio" name="Catagory" value="other"> Other<br>
</div>
<br>
<input class="" type="submit" value="Add Item" onlick="loginCheck()">
</form>
Python
@app.route("/addC" , methods=["GET", "POST"])
def addPageC():
url=request.form.get("itemImage")
if url is None:
url=""
name=request.form["itemName"]
date=datetime.date(datetime.now())
description=request.form["itemDescription"]
ID=logins[session["currentUser"]]["studentID"]
catagory=request.form["Catagory"]
lostItems.append([url, name, date, description, ID, catagory])
return redirect("/browse")
JS
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#blah')
.attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
}
}
Я пытаюсь получить набор загруженных данных в частности, изображение и сохраните его в двумерном массиве для последующей обработки и показа в другом месте на странице html. А когда изображение загружено, оно отображается как предварительный просмотр