¿Cómo establecer un valor a una entrada de archivo en HTML?

No puedes.

La única forma de establecer el valor de una entrada de archivo es que el usuario seleccione un archivo.

Esto se hace por razones de seguridad. De lo contrario, podría crear un Javascript que cargue automáticamente un archivo específico desde el equipo del cliente.

No es una respuesta a su pregunta (que otros han respondido), pero si desea tener alguna funcionalidad de edición de un campo de archivo cargado, lo que probablemente desee hacer es:

• muestra el valor actual de este campo simplemente imprimiendo el nombre del archivo o URL, un enlace en el que se puede hacer clic para descargarlo, o si se trata de una imagen: solo muéstrala, posiblemente como miniatura
• la etiqueta <input> para cargar un nuevo archivo
• una casilla de verificación que, cuando está marcada, elimina el archivo cargado actualmente. tenga en cuenta que hay no hay forma de cargar un archivo 'vacío', por lo que necesita algo como esto para borrar el valor del campo

Y es una medida de seguridad. Imagine si alguien escribe un JS que establece el valor de entrada del archivo en algún archivo de datos confidenciales?

Como todos los demás aquí han declarado: No puede cargar un archivo automáticamente con JavaScript.

Sin EMBARGO! Si tiene acceso a la información que desea enviar en su código (es decir, no contraseñas.txt), luego puede subirlo como un blob -type, y luego tratarlo como un archivo.

Lo que el servidor terminará viendo será indistinguible de alguien que realmente establezca el valor de <input type="file" />. El truco, en última instancia, es comenzar un nuevo XMLHttpRequest () con servidor...

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?'});

Definir 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);
        }
    })

Después de:

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

En Realidad podemos hacerlo. podemos establecer el valor predeterminado del archivo usando el control webbrowser en c# usando la biblioteca FormToMultipartPostData.Tenemos que descargar e incluir esta Biblioteca en nuestro proyecto. Webbrowser permite al usuario navegar por páginas web dentro de form. Una vez cargada la página web , se ejecutará el script dentro del webBrowser1_DocumentCompleted. Entonces,

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
    {
       FormToMultipartPostData postData = 
            new FormToMultipartPostData(webBrowser1, form);
        postData.SetFile("fileField", @"C:\windows\win.ini");
        postData.Submit();
    }

Consulte el siguiente enlace para descargar y completar referencia.

Https://www.codeproject.com/Articles/28917/Setting-a-file-to-upload-inside-the-WebBrowser-com