Comment définissez une valeur dans un fichier d'entrée dans le HTML?

Vous ne pouvez pas pour des raisons de sécurité.

Imaginer:

<form name="foo" method="post" enctype="multipart/form-data">
    <input type="file" value="c:/passwords.txt">
</form>
<script>document.foo.submit();</script>

Vous ne voulez pas que les sites web que vous visitez afin d'être en mesure de le faire, pensez-vous? =)

OriginalL'auteur BalusC

Pas de réponse à votre question (que d'autres ont répondu), mais si vous voulez avoir quelques fonctionnalités d'édition d'un fichier téléchargé champ, ce que vous voulez probablement faire est:

• afficher la valeur actuelle de ce champ par seulement l'impression du nom de fichier ou une URL, un lien pour le télécharger, ou si c'est une image: il suffit de le montrer, éventuellement sous forme de vignettes de
• la <input> balise pour télécharger un nouveau fichier
• une case à cocher qui, lorsqu'elle est cochée, supprime la fichier téléchargé. notez qu'il n'y a pas moyen de télécharger un fichier 'vide', de sorte que vous besoin de quelque chose comme cela pour effacer la valeur du champ

OriginalL'auteur Wim

Comme tout le monde ici a déclaré: Vous ne pouvez pas télécharger un fichier automatiquement avec JavaScript.

TOUTEFOIS! Si vous avez accès à l'information que vous souhaitez envoyer dans votre code (c'est à dire, pas passwords.txt), alors vous pouvez le télécharger en tant que blob-type, puis le traiter comme un fichier.

Ce que le serveur peut voir sera identique à quelqu'un en fait la définition de la valeur de <input type="file" />. Le truc, en fin de compte, c'est de commencer un new XMLHttpRequest() avec le serveur...

function uploadFile (data) {
        //define data and connections
    var blob = new Blob([JSON.stringify(data)]);
    var url = URL.createObjectURL(blob);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'myForm.php', true);

        //define new form
    var formData = new FormData();
    formData.append('someUploadIdentifier', blob, 'someFileName.json');

        //action after uploading happens
    xhr.onload = function(e) {
        console.log("File uploading completed!");
    };

        //do the uploading
    console.log("File uploading started!");
    xhr.send(formData);
}

    //This data/text below is local to the JS script, so we are allowed to send it!
uploadFile({'hello!':'how are you?'});

OriginalL'auteur HoldOffHunger

Définir en html:

<input type="hidden" name="image" id="image"/>

En JS:

ajax.jsonRpc("/consulta/dni", 'call', {'document_number': document_number})
    .then(function (data) {
        if (data.error){
            ...;
        }
        else {
            $('#image').val(data.image);
        }
    })

Après:

<input type="hidden" name="image" id="image" value="/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8U..."/>
<button type="submit">Submit</button>

OriginalL'auteur djperalta