Remove file name from File Upload

[Matthew51]

I have a file upload set to use the camera on a phone. The file name given to these pictures are meaningless, and in the case of my phone overly large (see attachment). So large that the browser is destroying the format of the form trying to display it.

I would like to ether remove/hide the file name, or change it to 'Picture 1', 'Picture 2' etc. I'll then add a browse to show then the pictures that have been uploaded. I can't even figure out where in the code this table is created, or how to add my own css to it.

Thank you
Matthew

[Bruce]

>> I can't even figure out where in the code this table is created, or how to add my own css to it.

The table is created inside jquery.nt-upload.js

It is an actual HTML Table, with the css class
nt-upload-table.

so you can easily add your own custom CSS using this class as a selector, and then hide things or whatever.

The filename inside the table is populated around line 341 in the javascript, from file.name

Cheers
Bruce

[Matthew51]

So I starting thinking CSS might have the option to affect the first tag of a given type. Turns out it does, I added ' bw-hide-file' to Entry Div Class and the following to Custom.css:

Code: [Select]

.bw-hide-file .nt-upload-table td:first-of-type {
display:none;
}
It works perfectly so far, though I need to test a few more devices to be sure.

Matthew