как загрузить изображение с компьютера? [требует правки]

193
26 января 2018, 21:41

надо сделать, чтобы изображение с компьютера отображалось на странице.

я абсолютно не знаю как это делать по этому не пытался

Answer 1

Ну, Вы могли бы попытаться найти решение в гугле. Вот, например:

function handleFileSelect(evt) { 
    var files = evt.target.files; // FileList object 
 
    // Loop through the FileList and render image files as thumbnails. 
    for (var i = 0, f; f = files[i]; i++) { 
 
      // Only process image files. 
      if (!f.type.match('image.*')) { 
        continue; 
      } 
 
      var reader = new FileReader(); 
 
      // Closure to capture the file information. 
      reader.onload = (function(theFile) { 
        return function(e) { 
          // Render thumbnail. 
          var span = document.createElement('span'); 
          span.innerHTML = ['<img class="thumb" src="', e.target.result, 
                            '" title="', theFile.name, '"/>'].join(''); 
          document.getElementById('list').insertBefore(span, null); 
        }; 
      })(f); 
 
      // Read in the image file as a data URL. 
      reader.readAsDataURL(f); 
    } 
  } 
 
document.getElementById('files').addEventListener('change', handleFileSelect, false);
.thumb { 
    max-width: 100%; 
  }
<input type="file" id="files" name="files[]" multiple /> 
<output id="list"></output>

READ ALSO
HTML теги (микроразметка) WordPress

HTML теги (микроразметка) WordPress

У товара имеется атрибут:

254
Mozilla Developer

Mozilla Developer

Задаю margin-top в процентахВ Google Chrome работает, в Mozilla нет

233
margin при адаптивной верстке

margin при адаптивной верстке

Не могу понять одну простую вещь,- в каких единицах нужно задавать размеры отступов(margin и padding) при адаптивной версткеВезде вижу разные вещи:...

239
Можно ли привязать код svg path к классу css?

Можно ли привязать код svg path к классу css?

Нужно как-то создать библиотеку иконок, чтобы при создании элемента <svg> ему можно было просто указать класс css, но так, чтобы эффекты hover и различные...

215