jQuery：重命名从文件选择器中选择的文件答案

【问题标题】：jQuery : Rename the file selected from file pickerjQuery：重命名从文件选择器中选择的文件
【发布时间】：2018-02-27 03:35:57
【问题描述】：

这是我的 HTML 表单

<!DOCTYPE html>
<html>
<body>

<form>
  <input type="file" name="pic">
  <input type="submit">
</form>


</body>
</html>

它显示一个简单的文件选择器。

“选择文件”完成后，我想重命名所选文件的名称。

在 jQuery 中可以做到这一点吗？

例如，这是我最初的 UI

我选择一个文件“Screenshot_1.png”

然后看起来像

此操作完成后，我希望将文件名重命名为“XYZ_Screenshot_1.png”

在 jQuery 中可以做到这一点吗？

【问题讨论】：

我怀疑你可以使用默认的 html 文件上传元素来做到这一点。 You can, however, have your custom file upload written and update the name accordingly.

标签： jquery

【解决方案1】：

为您的文件选择控件提供 id 或类

<input type="file" class="filepath" id="filepath" />

然后在javascript中点击提交按钮调用函数

function submitclick(){
 var fileUpload = $(".filepath").get(0);
            var files = fileUpload.files;
            var test = new FormData();
            for (var i = 0; i < files.length; i++) {
                var currentdate = new Date();
                var d = currentdate.getDate();
                var m = currentdate.getMonth() + 1; // JavaScript months are 0-11
                var y = currentdate.getFullYear();
                var h = currentdate.getHours();
                var mn = currentdate.getMinutes();
                var sc = currentdate.getSeconds();
                var fname = "filename" + "_" + d + "_" + m + "_" + y + "_" + h + "_" + mn + "_" + sc;
                var parts = files[i].name.split('.');

                test.append(fname + "." + parts[parts.length - 1], files[i]);
                FileUploaded = fname + "." + parts[parts.length - 1];
}

然后你可以把这个文件传给上传方法

  $.ajax({
                url: "uploadurl",
                type: "POST",
                contentType: false,
                processData: false,
                data: test,
                // dataType: "json",
                success: function (result) {}
});

【讨论】：