Как доработать вставку фото через ctrl v

198
29 сентября 2018, 01:10

var images = []; 
 
document.body.querySelectorAll("#text")[0].addEventListener("input",render,false); 
function render(){ 
	var div = document.body.querySelectorAll("#preview")[0]; 
  var text = document.body.querySelectorAll("#text")[0].value; 
  images.map(function(el){ 
  	var img = "<img width='100px' src='"+el.data+"' />"; 
  	text = text.replace(el.textCode,img); 
     
  }); 
  div.innerHTML = text; 
} 
document.body.querySelectorAll("#text")[0].addEventListener("paste",function(event){ 
  var items = (event.clipboardData || event.originalEvent.clipboardData).items; 
  for (index in items) { 
    var item = items[index]; 
    if (item.kind === 'file') { 
      var blob = item.getAsFile(); 
      var reader = new FileReader(); 
      reader.onload = function(event){ 
      	images.push(new myimg(event.target.result)); 
  		document.body.querySelectorAll("#text")[0].value += images[images.length-1].textCode; 
      render(); 
      }; // data url! 
      reader.readAsDataURL(blob); 
    } 
  } 
}); 
 
function myimg(data){ 
	this.data = data; 
  this.textCode = "{image"+images.length+"}"; 
}
<textarea  id="text" cols="30" rows="10"></textarea> 
<div id="preview"></div>

Надо добавить в него автоматическую загрузку на сервер, и скрывать текстовый идентификатор картинки в поле

READ ALSO
Непонятная функция JavaScript

Непонятная функция JavaScript

Как тут происходит отправка запроса, ведь такого нету его

155
Вложенный-запрос SQL

Вложенный-запрос SQL

Есть две таблицы Users и GamesUsers содержит id, first _name, last_name, email

162
Как сделать так, чтобы при увеличении изображения не появлялась полоса прокрутки?

Как сделать так, чтобы при увеличении изображения не появлялась полоса прокрутки?

Есть галерея картинок, которые при наведении увеличиваются в размерахКак сделать так, чтобы картинки продолжали увеличиваться точно также,...

183
Как отодвинуть элемент в другой конец блока

Как отодвинуть элемент в другой конец блока

Пробовал это сделать с помощью justify-content:flex-end, но это почему-то не сработалоКак это лучше всего сделать?

169