div backgroundImage отобранный результат ввода

Question

Я использую эту технологию: link, чтобы получать изображения от локальных клиентов, я не хочу сохранять их на своем сервере. Могу ли я (в javascript) установить div backgroundImage ширину этого изображения? Теперь это мой код:

var input9I1 = document.createElement("input"); 
          input9I1.id = "input9I1"; 
          input9I1.type = "file"; 
          input9I1.name = "files[]"; 
          input9I1.accept = "image/*"; 
          input9I1.addEventListener('change', handleFileSelect, false); 
          td20I1.appendChild(input9I1); 

Так было создание входа и он работает нормально. Теперь функция:

function handleFileSelect(evt){ 
imgageATraiter = evt.target.files[0]; 

console.log(imgageATraiter.name); 
console.log(imgageATraiter.type); 
console.log(imgageATraiter.size); 
console.log(imgageATraiter.lastModifiedDate); 
console.log(imgageATraiter.lastModifiedDate.toLocaleDateString()); 

document.getElementById('boite5I1').style.backgroundImage = imgageATraiter.name;} 

Так что я хочу, как я могу изменить «boite5I1» «s фон с моим изображением? Является ли это возможным ? Благодаря читать и иметь хороший день: D

Answer 1

Благодаря nicael Отвечаю:

function handleFileSelect(evt){ 
imgageATraiter = evt.target.files[0]; 
var reader = new FileReader(); 
reader.onload = function (e) { 
    $('#boite5I1').css('background', 'transparent url('+e.target.result +') left top no-repeat'); 
} 
reader.readAsDataURL(evt.target.files[0]);} 

Спасибо так много, и есть хороший день: D

Answer 2

Вы должны попробовать ниже код в функции handleFileSelect.

if (imgageATraiter) { 
     var reader = new FileReader(); 
     reader.onload = function (e) { 
      document.getElementById('boite5I1') 
       .attr('src', e.target.result) 
       .width(50) 
       .height(50); 
     }; 
     reader.readAsDataURL(imgageATraiter); 
    }