Rename file with AjaxForm Jquery

Question

How can I rename my picture before upload ?

I tried this : $('#sortpicture').prop('files')[0] = $('#namePicture').val(); but it doesn't work.

I would like rename my picture with the value from #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
    }
});

Poul Bak · Accepted Answer · 2016-04-01 21:02:03Z

1

Input[type=file] is readonly, you can only set the value by browsing, not via JavaScript.(security!) However if you want to send a different name to the server, you can make a input[type=hidden] and set it's value to he filename you want. Then on the server, you give it that name.

answered Apr 1, 2016 at 21:02

Poul Bak

11k5 gold badges39 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rename file with AjaxForm Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related