如何更改<input type="file" />上传文件的名字？

Question

在选择文件后上传文件前，或者是点击提交的时候，如何更改上传文件的名字？

<form id="upload_form" method="post" enctype="multipart/form-data">

    <input type="file" name="upload_file">

    <input type="submit">

</form>

直接改变file.name是无效的；

var fileExtension = '.' + file.name.split('.').pop();

file.name = Math.random().toString(36).substring(7) + fileExtension;

console.log(file);

应该如何更改呢？