How to upload image file from computer and set as div background image using jQuery?

Question

The HTML code for image file input:

The des

Answer 1

It's small way to do this without using FileReader.

http://jsfiddle.net/PuneetChawla/vqn7r0nj/

HTML

CSS

#clock{
           background-image:url('');
           background-size:cover;
           background-position: center;
           height: 250px; width: 250px;
           border: 1px solid #bbb;
            }

JavaScript

function readURL(event){
         var getImagePath = URL.createObjectURL(event.target.files[0]);
         $('#clock').css('background-image', 'url(' + getImagePath + ')');
        }

Explanation - The URL.createObjectURL() static method creates a DOMString containing an URL representing the object given in parameter.