Установить изображение во входном значении

Я пытаюсь включить тег img внутри атрибута значения ввода. Я хотел бы что-то вроде этого с помощью JQuery:Установить изображение во входном значении

<input type="text" value="Lorem Impsum <img src='...'/>" />

Я уже попытался это:

jQuery(document).ready(function() { 
    productinput = jQuery('input[value=product]'); 
    productinput.val(data.selectedData.value + '<img style="width:128px" src="' + data.selectedData.imageSrc + '" />'); 
});

, но это не работает. Итак, кто-нибудь знает, как я могу это сделать?

Примечание: это изображение внутри значения.

источник

2016-01-27 Kelyane

Зачем вам нужно использовать это изображение? –

Я бы сказал, что это недействительный HTML? – mnille

Тег 'img' не будет анализироваться **, это строка в этом контексте **. Поэтому, если вы не хотите отправлять это значение на сервер и сохранять его где-то, вы не можете это сделать –

Вы можете установить изображение, поместив изображение в качестве фона элемента

Например

HTML

<input type="text" value="Lorem Impsum" class="default" />

Css

input.default{ 
     background: url('../images/any.jpg') 0 0 no-repeat; 
    }

Вы можете установить css элемента с помощью jquery на готовом документе.

источник

2016-01-27 11:14:42

Попробуйте использовать атрибут "contenteditable" на DIV

<div contenteditable> Lorem ipsum.. <img src='..'> </div>

источник

2016-01-27 11:04:25

Вы должны установить тип на изображении.

<input type="image" name="image" src="image.png" width="50">

Попытка прочитать документ: Mozilla documentation input/image

источник

2016-01-27 11:11:05 Bato

Установить изображение во входном значении

ответ

Смежные вопросы