Tengo una tabla que consta de un formulario para cada fila (tipo de edición en línea) y algunos de los campos son de tipo archivo. Para cada uno de estos archivos creo dos botones:

• cargar: cargar una nueva imagen (gris)
• borrar: borrar la imagen anterior o no subir la seleccionada (rojo)

Lo que quiero es implementar la funcionalidad de eliminación. los botones se ven así:

Ya implementé el botón gris y quiero evitar crear un punto final de API adicional para la parte de la imagen de eliminación de la fila de la tabla.

 <div> <label for="{field.id_for_label}"> <img src="images/x-square.svg"> </label> <button type="button" onlick="delfunc()"> <img src="images/upload.svg"> </button> </div> <div class="text-body"> filename: {field.initial} </div>

¿Cómo definiría una función al hacer clic en eso:

• elimina la entrada recién seleccionada del botón gris y la establece en Ninguno o ""
• hacer que todo el formulario devuelva Ninguno o "" para el campo del archivo ( field.id_for_label ) cuando se presiona el botón Guardar

Ignore los corchetes django alrededor de los nombres de las variables.

Intenté comenzar con:

 var delfunc = function() {document.getElementById('{field.id_for_label}').value = ''};