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

display uploaded image in html without saving to database using js

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

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

related display uploaded image in html without saving to database

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

Closely Related Answers

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 python html display image

Link to this answer
Share Copy Link

Contributed on Apr 16 2024

Attractive Addax

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

display uploaded image in html without saving to database using js

Contents

More Related Answers

display uploaded image in html without saving to database using js

Closely Related Answers

display uploaded image in html without saving to database

Grepper

Documentation

Social

Legal

Contact

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