首页 > 解决方案 > 输入类型文字预览图片

问题描述

<script type="text/javascript">
$(function(){
$('#imghome').change(function () {
$('#imgurlhead').hide();
$('#uimgurl').attr('src', $('#imghome').val())
})
})
</script>

在插入图像之前 - 显示 插入前

<div class="advancedoptions">
<fieldset><legend></legend><input type="text" name="imghome" id="imghome" value=""/><input type="button" value="Localizar no Servidor" onclick="BrowseServer();" /><div class="preview-image"><img id="uimgurl" /></div></fieldset> 
</div>

插入后 - 编辑时 - 图像预览不显示 插入后 - 编辑

<div class="advancedoptions">
<fieldset><legend></legend><input type="text" name="imghome" id="imghome" value="data:image/jpeg;base64,/9j/4AAQSkZJR"/><input type="button" value="Localizar no Servidor" onclick="BrowseServer();" /><div class="preview-image"><img id="uimgurl" /></div></fieldset> 
</div>

问题:当不显示图像时,我需要编辑脚本中的值。有什么帮助吗?谢谢你!

这是我系统的代码。

if($thisType == "String"){
  $buffer .= '<legend>'.$thisDesc.
  '</legend><input type="text" name="'.$thisField.
  '" id="'.$thisField.'" value="'.$thisValue.
  '"/><input type="button" value="Localizar no Servidor" onclick="BrowseServer();" /><div class="preview-image"><img id="uimgurl" /></div>';
}

标签: javascripttextbox

解决方案


推荐阅读