title: Dropzone JS Change Filename Before Upload
body: <p>I'm using <a href="http://www.dropzonejs.com/" rel="noreferrer">Dropzone.js</a> to handle uploading of files. I would really like to be able to modify the original name of the file before uploading it to S3. It would be nice to just be able to use <a href="http://www.dropzonejs.com/#event-processing" rel="noreferrer">dropzone's processing file hook</a> like shown below, but it appears none of the changes I make to this file object persist...</p>
  
  <pre><code>myDropone.on('processingfile', function(file) {
    console.log(file.name) // 'Randy.png'
    file.name = 'my-custom-name.png';
    console.log(file.name) // 'Randy.png'
  });
  </code></pre>
  
  <p>Even when trying to modify this File object in the console changes do not persist. I'm losing my mind...</p>
  
  <p><a href="https://i.stack.imgur.com/0rWu1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0rWu1.png" alt="enter image description here"></a></p>
  
  <p>Does anyone see what I'm missing here? Or is there a better way to modify the name of a file before uploading it with Dropzone?</p>