使用AjaxForm Jquery重命名文件

Question

上傳之前如何重命名圖片？

我試過了：$（'＃sortpicture'）。prop（'files'）[0] = $（'＃namePicture'）。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
    }
});

Answer 1

Input [type = file]是只讀的，您只能通過瀏覽而不是通過JavaScript來設置值。（安全性！）但是，如果要將不同的名稱發送到服務器，則可以進行輸入[type = hidden]，然后將其值設置為所需的文件名。 然后在服務器上，給它命名。