Code inconnu ajouté au modèle HTML lors de l'exécution du serveur local

Question

Je construisais une fonction d'image de profil, cela fonctionnait bien, donc je l'ai laissé pendant un moment, probablement une semaine. Je suis revenu et j'ai lancé le serveur local, mais quand je le fais, il y a quelques lignes qui apparaissent dans la console. Mais n'existent pas sur le fichier source.

Fichier source:

<script type='text/javascript'> 

Dropzone.options.myDropzone = { 
    autoProcessQueue : false, 
    paramName: 'uploaded_image', 
    dictDefaultMessage: "Drag and drop files or click here to upload picture", 

    init: function() { 
     var submitButton = document.querySelector("#submitBtn") 
     myDropzone = this; 
     submitButton.addEventListener("click", function() { 
      myDropzone.processQueue(); 
     }); 
     // Automatically overwrites file so the user can only upload one 
     this.on("addedfile", function() { 
      document.getElementById('submitBtn').style.visibility = "visible"; 
     }); 

     this.on('addedfile', function(){ 
      if (this.files[1]!=null){ 
       this.removeFile(this.files[0]); 
      } 
     }); 
    } 
}; 
</script> 
<!-- Modal --> 
<div id="picModal" class="modal"> 

    <!-- Modal content --> 
    <div class="modal-content"> 
    <span class="close"></span> 
    <form action="{% url 'profile_test' %}" method='POST' enctype="multipart/form-data" class="dropzone" id="my-dropzone">{% csrf_token %} 
     <!-- submit button stays hidden by default, until user selects a picture --> 
     <button id='submitBtn' type='submit' class='pic-submit-button' style='visibility: hidden;'> Submit </button> 
     <input id='submit-all' type='file' name='uploaded_image'/> 
      {{form}} 
    </form> 
    </div> 

</div> 

maintenant le code que je vois quand je lance le serveur est à seulement quelques lignes, et il est dans le code HTML qui crée le modal:

<!-- Modal --> 
<div id="picModal" class="modal" style="display: block;"> 

    <!-- Modal content --> 
    <div class="modal-content"> 
    <span class="close"></span> 
    <form action="/api/profile_test/" method="POST" enctype="multipart/form-data" class="dropzone dz-clickable" id="my-dropzone"><input type="hidden" name="csrfmiddlewaretoken" value="WDMihPq0zDhDQGaWxSFYyvxjtmxUxsBMpAzcDqVxDGUZj11O8wtqbCfCie1m81Tf"> 
     <!-- submit button stays hidden by default, until user selects a picture --> 
     <button id="submitBtn" type="submit" class="pic-submit-button" style="visibility: hidden;"> Submit </button> 



     *****<input id="submit-all" type="file" name="uploaded_image"> 
      <label for="id_user">User:</label><select name="user" id="id_user"> 
    <option value="" selected="">---------</option> 

    <option value="2">Brian</option> 

    <option value="3">Charles</option> 

</select> 
<label for="id_img">Img:</label><input type="file" name="img" required="" id="id_img"> 
    <div class="dz-default dz-message"><span>Drag and drop files or click here to upload picture</span></div></form> 
    </div> 

</div>***** 

Le Le dernier morceau de code que je mets aux étoiles est le code qui m'est inconnu. Le projet Django que j'ai cloné utilisait gulp, j'ai parlé à mes amis et ils m'ont dit que ça pouvait avoir quelque chose à voir avec ça, peut-être que ça faisait quelque chose avec Dropzone.js ?. Mais pourquoi injecterait-il un menu déroulant aléatoire répertoriant les utilisateurs dans Django? Je n'ai pas utilisé Gulp moi-même parce que je voulais juste développer la fonctionnalité, mais cela peut avoir été une erreur.

Answer 1

Peut-être le

{{form}} 

est à l'origine de cette question.