Показать сообщение отдельно
  #6 (permalink)  
Старый 29.07.2015, 16:06
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

Сообщение от Moloch
и как например мне сделать фон с теми же размерами что и у картинки?
<input class="file" type="file" />
<div class="block">У этого блока сделать фоном выбранный файл</div>

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script>
$('.file').change(function() {
  var reader = new FileReader(), 
	  file = this.files[0], div = $('.block');

  reader.onloadend = function() {
	var img = document.createElement('img');
	img.src = this.result;
	
	img.onload = function() {
	  div.css({
		width: img.width,
		height: img.height
	  });
	};
	
	div.css('background', 'url(' + this.result + ')');
  }

  file ? reader.readAsDataURL(file) : div.css('background', 'none');
});
</script>

Последний раз редактировалось Decode, 29.07.2015 в 16:17.
Ответить с цитированием