Breaking News: Grepper is joining You.com. Read the official announcement!

display uploaded image in html without saving to database

Attractive Addax answered on April 16, 2024 Popularity 2/10 Helpfulness 1/10

answer display uploaded image in html without saving to database

related display uploaded image in html without saving to database using js

display uploaded image in html without saving to database

Comment

def process_image(request):

    # inputImage is the name attribute of the <input> tag in the html
    inImg = request.FILES["inputImage"].read()

    encoded = b64encode(inImg).decode('ascii')
    mime = "image/jpg"
    mime = mime + ";" if mime else ";"
    input_image = "data:%sbase64,%s" % (mime, encoded)        

    return render(request, "../templates/index.html", {{ "input_image": input }})
  

#in html
<input src = '{{ input_image }}' name = 'inputImage' type="text">

Popularity 2/10 Helpfulness 1/10 Language python

Source: stackoverflow.com

Tags: database display html image python

Link to this answer
Share Copy Link

Contributed on Apr 16 2024

Attractive Addax

0 Answers Avg Quality 2/10

Closely Related Answers

display uploaded image in html without saving to database using js

Comment

var fileTag = document.getElementById("filetag"),
    preview = document.getElementById("preview");
    
fileTag.addEventListener("change", function() {
  changeImage(this);
});

function changeImage(input) {
  var reader;

  if (input.files && input.files[0]) {
    reader = new FileReader();

    reader.onload = function(e) {
      preview.setAttribute('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);
  }
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: database display html image javascript using

Link to this answer
Share Copy Link

Contributed on Apr 16 2024

Attractive Addax

0 Answers Avg Quality 2/10

display uploaded image in html without saving to database

Contents

More Related Answers

display uploaded image in html without saving to database

Closely Related Answers

display uploaded image in html without saving to database using js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.