rename file that user uploads javascript

Question

I have the following html on a form:

<input type="file" name="uploadField" />

When users click on the browse button they can select any file but I want to rename the file using the value of another field on the form

I have a submit button. Can I do it here?

Answer 1

for security reasons you cannot do such thing i.e. manipulate multipart file or file to be uploaded do that on server

Answer 2

Can I do it here?

No, for security reasons you have no control of this on the client. You can rename the file on the server when it gets uploaded.

Answer 3

I know the question is old but if anyone is still struggling with similar problem, please try to use append() or set() method of the FormData.