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

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

<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);

应该如何更改呢？

阅读 10.8k

<body>
 
    <form id="form1" enctype="multipart/form-data">
        <input id="image-file" type="file" name="file1" />
        <input id="btn-submit" type="submit" value="submit" />
    </form>
</body>
<script>
    $(document).ready(function() {
 
        initImageUpload();
 
        function initImageUpload() {
            $("#btn-submit").click(function(e) {
                e.preventDefault();
 
                var everlive = new Everlive({
                    appId: "",
                    scheme: "https"
                });
 
                // construct the form data and apply new file name
                var file = $('#image-file').get(0).files[0];
 
                var newFileName = file.filename + "new";
                var formData = new FormData();
                formData.append('file', file, newFileName);
 
 
                $.ajax({
                    url: everlive.files.getUploadUrl(), // get the upload URL for the server
                    success: function(fileData) {
                        alert('Created file with Id: ' + fileData.Result[0].Id); // access the result of the file upload for the created file
                        alert('The created file Uri is available at URL: ' + fileData.Result[0].Uri);
                    },
                    error: function(e) {
                        alert('error ' + e.message);
                    },
                    // Form data
                    data: formData,
                    type: 'POST',
                    cache: false,
                    contentType: false,
                    processData: false
                });
                return false;
            });
        }
    });
</script>

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

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

快开发完的Vue3项目要做SEO该如何处理？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？