Obtenha o URL da coluna Imagem em uma biblioteca e exiba a imagem em HTML

sharepoint.stackexchange https://sharepoint.stackexchange.com//questions/53580

Pergunta

Avançar:Trabalho com SharePoint há 2 anos (principalmente front-end e marca css).Nunca fiz nenhuma codificação de fonte para o SharePoint, exceto um script estranho para ocultar vários campos.Com isso dito...

Pergunta:Como obtenho o URL de uma coluna de imagem/imagem em uma biblioteca e uso esse link em meu HTML para mostrar a imagem?Espero que faça sentido!

Código até agora:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
    <script language="javascript" type="text/javascript" src="http://qajdgintranet/gs/it/Documents/RARTest/jquery-1.8.2.min.js"></script>
    <script language="javascript" type="text/javascript" src="http://qajdgintranet/gs/it/Documents/RARTest/jquery.SPServices-0.7.2.min.js"></script>

    <script language="javascript" type="text/javascript">
    $(document).ready(function() {

      $().SPServices({
        operation: "GetListItems",
        async: false,
        webURL: "http://mysite",
        listName: "RARTest",

                CAMLQuery: "<Query><Where><Eq><FieldRef Name='Month' /><Value Type='Text'>December</Value></Eq></Where></Query>",
        CAMLViewFields: "<ViewFields><FieldRef Name='Year'/><FieldRef Name='Month'/><FieldRef Name='Award'/><FieldRef Name='Profile_x0020_Picture'/><FieldRef Name='Description'/><FieldRef Name='User'/></ViewFields>",

                completefunc: function (xData, Status) {
        $(xData.responseXML).SPFilterNode("z:row").each(function() { 
        var get_year = $(this).attr("ows_Year");
        var get_month = $(this).attr("ows_Month");
        var get_award = $(this).attr("ows_Award");
        var get_photo = $(this).attr("ows_Profile_x0020_Picture").split(",")[0];
        var get_photoname = $(this).attr("ows_Profile_x0020_Picture").split(", ")[1];
        var get_description = $(this).attr("ows_Description");
        var get_nominator = $(this).attr("ows_User").split("#")[1];

        $("#rar_year").append(get_year);
        $("#rar_month").append(get_month);
        $("#rar_award").append(get_award);
        $("#rar_photo").append(get_photo);
        $("#rar_photoname").append(get_photoname);
        $("#rar_description").append(get_description);
        $("#rar_nominator").append(get_nominator);

          });
        }
      });
    });
    </script>

<h5 id="rar_year"/>
<h5 id="rar_month"/>
<h5 id="rar_award"/>
<h5 id="rar_photo"/>
<h5 id="rar_photoname"/>
<h5 id="rar_description"/>
<h5 id="rar_nominator"/>

<body>
???
</body>

Campo obrigatório: foto

Eu tentei várias coisas para fazer com que essa imagem fosse exibida independentemente da lista.

Isso está me deixando completamente louco;) Sua ajuda seria muito apreciada.

Foi útil?

Solução

Primeiro você precisa adicionar um img tag no corpo:

<img id="myImage" src="" />

Então você precisa acessar o src atributo usando JQuery e defina-o como o URL da imagem.

$("#myImage").attr({src : get_photo});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a sharepoint.stackexchange
scroll top