使用AjaxForm Jquery重命名文件

Rename file with AjaxForm Jquery

本文关键字：文件 重命名 Jquery AjaxForm 使用      更新时间：2023-11-15

上传前如何重命名图片？

我试过这个：$（'#sortpicture'）.prop（'files'）[0]=$（'#名称图片'）.val（）；但它不起作用。

我想用#namePicture 中的值重命名我的图片

//elements
var progressbox     = $('#progressbox');
var progressbar     = $('#progressbar');
var statustxt       = $('#statustxt');
var submitbutton    = $("#SubmitButton");
var myform          = $("#UploadForm");
var output          = $("#output");
var completed       = '0%';
console.log($('#namePicture').val());
$('#sortpicture').prop('files')[0] = $('#namePicture').val();
$(myform).ajaxForm({
    beforeSend: function() {
        submitbutton.attr('disabled', '');
        statustxt.empty();
        progressbox.slideDown();
        progressbar.width(completed);
        statustxt.html(completed);
        statustxt.css('color','#000');
    },
    uploadProgress: function(event, position, total, percentComplete) {
        progressbar.width(percentComplete + '%');
        statustxt.html(percentComplete + '%');
        if(percentComplete>50)
        {
            statustxt.css('color','#fff');
        }
    },
    complete: function(response) { // on complete
        console.log(response.responseText);
        myform.resetForm();  // reset form
        submitbutton.removeAttr('disabled'); //enable submit button
        progressbox.slideUp(); // hide progressbar
    }
});

Input[type=file]是只读的，您只能通过浏览设置值，而不能通过JavaScript设置值。（安全！）但是，如果你想向服务器发送一个不同的名称，你可以输入[type=hidden]，并将其值设置为你想要的文件名。然后在服务器上，你给它起这个名字。

相关文章：