Omschrijving


Base64 code van de toegevoegde bijlage naar de server sturen zodat deze in de database wordt opgeslagen en de link naar de bijlage vastleggen in het document. Dit scheelt veel data bij het opslaan van het document  Aangezien dit ook vaak vanuit een gedeeld document wordt gedaan gebruiken we het documentnr en de sharekey als authenticatie. 


Velden

id:   ID van de API in TabletForms

url:   Endpoint van de webservice

method:   Aanroep soort, in dit geval post

type:   Soort APIKey

APIKeys:   ID's van de Keys in de ID van de API in TabletForms  API


BodyParams:   Json body van de webcall

documentid:    ID van huidige document  

input_id:    Naam van het code veld van de bijlage

input_value:    Base64 code van de bijlage

input_name:    bestandsnaam van de bijlage


documentNR:    ID van huidige document   

sharedKey:    share_key van huidige document  



URL


https://tf2.tablet-forms.nl/Formuliers/Bijlage2Hash 



HTML velden

Voor de bijlage heb je drie velden nodig, de naam, de code en de url om de bijlage te openen. Zorg dat het eerste gedeelte voor alle drie hetzelfde is (in dit geval tf_bijlage_1)


<input name="tf_bijlage_1_naam" id="tf_bijlage_1_naam" type="text" placeholder="file"  />
<textarea name="tf_bijlage_1_code" id="tf_bijlage_1_code" type="text" style="display:none;"></textarea>
<a name="tf_bijlage_1_url" id="tf_bijlage_1_url"  type="text" href="" target="_blank" > </a>

 


FUNCTION
Geef in de functie ook de veldnaam van de bijlage mee, bijv. tf_bijlage_1


 function GET_URL_FILE(FIELD) {

  var CODE_FIELD = FIELD + "_code";

  var NAME_FIELD = FIELD + "_naam";

  FILE_FIELD = FIELD;


    sendRequest(JSON.stringify({

{


   "id":13,


   "url":"/Formuliers/Bijlage2Hash",


   "method":"post",


   "type":"keypair",


   "APIKeys":[


      {


         "id":44,


         "type":"body"


      }


   ],


BodyParams: {"json": JSON.stringify(

{"document_id": "" + document.getElementById('tf_documentnr').value + "",

"input_id": "" + CODE_FIELD + "", "input_value": "" + document.getElementById(CODE_FIELD).value + "",

"input_name": "" + document.getElementById(NAME_FIELD).value + "" })},


   "documentNr":"676919",


   "sharedKey":"nfjbin53"


    }), 'Get_url_file_response');

}


async function Get_url_file_response(response) {

    console.log(response);

    URL_data_response = JSON.parse(response);

    document.getElementById("" + FILE_FIELD + "_code").value = URL_data_response.success;

    document.getElementById("" + FILE_FIELD + "_url").href = URL_data_response.success;



}



Response


{"success":"https://tf2.tablet-forms.nl/Formuliers/FormBijlage?id=8510&hash=0a49cf9e6e9090b3562f21252ba339b8"}


In de response staat de bijlage link, deze wordt weggeschreven in het bijlage code veld en gelijk ook het url veld om deze gelijk ook te kunnen openen.