Question

这是我的HTML表单

<!DOCTYPE html>
<html>
<body>

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


</body>
</html>

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

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

是否可以在jQuery中执行此操作？

例如，这是我最初的用户界面

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

然后它看起来像

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

是否可以在jQuery中执行此操作？

Answer 1

为您的文件选择控件

提供id或class

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

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

1 个答案: