Utilizo una herramienta de navegador para cargar archivos multimedia para diferentes productos.

Es un modal donde arrastro y suelto archivos. Una vez que se procesan los archivos, el modal cambia al siguiente tipo de página:

 <div class="row"> <div class="col"><a target="_blank" rel="noopener noreferrer" class="cursor-pointer">0123456789.video.mp4</a></div> </div> <div class="row"> <div class="input-container col-4"> <div class="mb-1 sub-title">Product_ID</div> <input autocomplete="no" type="text" class="form-control" value=""> <div class="mb-1 sub-title">Media_Type</div> <input autocomplete="no" type="text" class="form-control" value=""> </div> </div> <div class="row"> <div class="col"><a target="_blank" rel="noopener noreferrer" class="cursor-pointer">9876543210.image.jpg</a></div> </div> <div class="row"> <div class="input-container col-4"> <div class="mb-1 sub-title">Product_ID</div><input autocomplete="no" type="text" class="form-control" value=""> <div class="mb-1 sub-title">Media_Type</div><input autocomplete="no" type="text" class="form-control" value=""> </div> </div>

Cada conjunto de divs contiene el nombre de archivo y un formulario para ingresar product_ID y media_type. La mayoría de las veces, estos ya están contenidos en el nombre del archivo, por lo que me gustaría usar un script (estilo Greasemonkey) que tome el texto del nombre del archivo y lo use como entrada para el formulario, en lugar de ingresarlo manualmente para cada archivo.

Por ejemplo, si el nombre del archivo es 0123456789.video.mp4, use '0123456789' como entrada para product_ID y 'video' como entrada para media_type.

La plantilla de nombre del archivo es [Product_ID].[Media_type].extension, por lo que el punto siempre actúa como delimitador entre las 2 partes del nombre del archivo.

Ya intenté encontrar un caso similar aquí, pero sin éxito, o sin poder traducirlo a mi caso de uso, ya que mis habilidades de programación están por debajo de lo básico.

Agradecería si me pudieran ayudar con alguna pista.

Gracias.