使用jQuery更改图像源

时间:2019-04-15 07:54:17

标签: jquery

我在项目中有数据表。我正在动态加载它。我想在其上放一个图像预览部分,并想从数据库中提取文件路径。我使用此代码来动态构建数据表。

<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>

运行项目时,图像源未更改。问题出在哪里?我找不到。

1 个答案:

答案 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"/>