我在项目中有数据表。我正在动态加载它。我想在其上放一个图像预览部分,并想从数据库中提取文件路径。我使用此代码来动态构建数据表。
<script>
if($.fn.dataTable.isDataTable( '#example' )){
var table = $('#example').DataTable();
}
function getData(){
$('#example tbody').html('');
var URL_PREFIX="http://localhost:8983/solr/archiveCore/select?q=strSO_copy:";
var URL_MIDDLE="AND PackName_copy:";
var URL_SUFFIX="AND DocType_copy:";
var strSO="\"" + $("#ngramBoxstrSO").val() + "\"";
var PackName="\"" + $("#ngramBoxPackName").val() + "\"";
var DocType="\"" + $("#ngramBoxDocType").val() +"\"";
var URL=URL_PREFIX + strSO + URL_MIDDLE + PackName + URL_SUFFIX + DocType;
$.ajax({
url:URL,
dataType:'jsonp',
jsonp : 'json.wrf',
type :'get',
cache :false,
success: function(data){
var docs=data.response.docs;
var html='';
$.each(docs,function(key,value){
html+='<tr>';
html+='<td>'+value.id+'</td>';
html+='<td>'+value.strSO+'</td>';
html+='<td>'+value.PackName+'</td>';
html+='<td>'+value.DocType+'</td>';
html+='<td>'+value.DocName+'</td>';
html+='<td class="text-center"><button id="'+value.FilePath+'" type="button" onclick="openDocument(this.id)" class="btn btn-sm" >OPEN</td>';
html+='<td class="text-center"><a href="#" class="preview">Image Preview<img id="images" src="" class="hide-image"></a></td>';
html+='</tr>';
if(value.extType=="JPG")
{
$("#images").attr("src",value.FilePath);
console.log(value.FilePath);
}
});
$('#example').DataTable().destroy();
$('#example tbody').html(html);
var table=$('#example').DataTable({
"aaSorting" : [],
});
},
});
};
</script>
运行项目时,图像源未更改。问题出在哪里?我找不到。
答案 0 :(得分:0)
使用jquery,您可以访问img标签中的attr“ src”并进行更改,请检查以下代码,它可能会对您有所帮助。
$('img[name="image"]').attr('src','updatedBathri'); // where image is the name of the image tag
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="bathri" name="image"/>