Ottieni URL dalla colonna immagine in una libreria e visualizzazione dell'immagine in HTML

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

Domanda

Avanti: Ho lavorato con SharePoint per 2 anni (per lo più Front End & CSS Branding). Non ho mai fatto alcuna codifica del florce per SharePoint tranne che per lo script dispari per nascondere vari campi.Con quello detto ...

Domanda: Come posso ottenere l'URL da una colonna immagine / immagine in una libreria e quindi utilizzare quel collegamento nel mio HTML per mostrare la pittima?Spero che abbia senso!?

Codice Finora: 

<!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 obbligatorio: Foto

Ho provato varie cose per ottenere questa immagine solo per visualizzare in modo indipendente fuori dall'elenco.

Questo mi sta guidando completamente dadi;) Il tuo aiuto sarebbe molto apprezzato.

È stato utile?

Soluzione

Per prima cosa è necessario aggiungere un tag img nel corpo: 

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

Quindi è necessario accedere all'attributo src utilizzando JQuery e impostarlo sull'URL dell'immagine. 

$("#myImage").attr({src : get_photo});
.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a sharepoint.stackexchange
scroll top