Javascript Girl
  1. Javascript Girl
  3. Joignez un blob à une entrée du fichier type sous une forme
Intereting Posts
JQuery round corner code pour IE8 en mode standard? Valeur du champ de saisie à modifier lors de la sélection des différentes options du menu déroulant Inverser une animation CSS Comment vérifier si la session expire à l'aide de JavaScript Swap d'image sur simple clic Javascript Qu'est-ce qui lier (ceci) signifie? Comment désactiver les liens HTML Comment obtenir une entrée à partir de la console Javascript de Chrome? Comment diffuser le répertoire de lecture dans node.js? Google Map .InfoWindow Définit la hauteur et l'anneau Comment passer le contexte dans jquery ajax succès callback function Déclenchez un événement de clic sur un élément intérieur Comment faire javascript travailler avec python sur Flask? Erreur: Impossible d'exécuter 'insertBefore' sur 'Node' Comment puis-je tromper un site qui regarde l'objet JavaScript 'navigator' pour voir que je ne suis pas sur Windows?

Joignez un blob à une entrée du fichier type sous une forme

Comment ajouter blob à la saisie du type de fichier 

// Input of type file <input type="file" name="uploadedFile" id="uploadedFile" accept="image/*"><br> 
 // I am getting image from webcam and converting it to a blob function takepicture() { canvas.width = width; canvas.height = height; canvas.getContext('2d').drawImage(video, 0, 1, width, height); var data = canvas.toDataURL('image/png'); var dataURL = canvas.toDataURL(); var blob = dataURItoBlob(dataURL); photo.setAttribute('src', data); } function dataURItoBlob(dataURI) { var binary = atob(dataURI.split(',')[1]); var array = []; for(var i = 0; i < binary.length; i++) { array.push(binary.charCodeAt(i)); return new Blob([new Uint8Array(array)], {type: 'image/jpeg'}); } // How can I append this var blob to "uploadedFile". I want to add this on form submit

J'ai eu un problème similaire avec une forme assez complexe dans une application angulaire, donc, au lieu de la forme, je viens d'envoyer le blob individuellement en utilisant XMLHttpRequest() . Cette "blob" particulière a été créée dans un contexte WebAudioAPI , créant une piste audio dans le navigateur de l'utilisateur. 

 var xhr = new XMLHttpRequest(); xhr.open('POST', 'someURLForTheUpload', true); //my url had the ID of the item that the blob corresponded to xhr.responseType = 'Blob'; xhr.setRequestHeader("x-csrf-token",csrf); //if you are doing CSRF stuff xhr.onload = function(e) { /*irrelevant code*/ }; xhr.send(blob);

Vous ne pouvez pas modifier l'entrée du file mais vous pouvez utiliser une entrée hidden pour transmettre les données. ex.: 

 var hidden_elem = document.getElementById("hidden"); hidden_elem.value = blob;