Change jquery element into provided string?

Question

I have a Jquery element of input type='file'.

$('#test').prop('files')[0];

I'd like to change the #test to a string.

var all_data    = new FormData();
$('input[type="file"]').each(function(index) { 
    var i           = index+1;
    var input_name  = '#test'+i;
    var file_data   = $(input_name).prop('files')[0]; //I think error start here

    alert(file_data);

    all_data.append('file', file_data);
});
alert(all_data);

But, it's not working.

HTML in PHP script:

$jml = 3;
for($i=1;$i<=$jml;$i++){ 
   echo "<input type='file' name='test".$i."' id='test".$i."' 
}

It's not quite clear what you're asking. Are you saying that you want to read the content of the chosen file? — Rory McCrossan, Feb 10 '17 at 08:52
My main objective is to append each `input type=file` objectFile into the form data — Shota, Feb 10 '17 at 08:54
Possible duplicate of [Sending multipart/formdata with jQuery.ajax](http://stackoverflow.com/questions/5392344/sending-multipart-formdata-with-jquery-ajax) — Martin Schneider, Feb 10 '17 at 08:55
If they're in a `
` you can just use `new FormData([reference to your form here])` — Rory McCrossan, Feb 10 '17 at 08:55
@RoryMcCrossan Only the `input type='file'` should be in the form data — Shota, Feb 10 '17 at 08:56

score 0 · Answer 1 · answered Feb 10 '17 at 09:04

Try this :

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
    <title></title>
    <script src="/Scripts/jquery-1.10.2.js"></script> </head> <body>
    <input type="file" />

    <script>
        var all_data = new FormData();
        $(document).ready(function () {
            //alert();
            $('input[type="file"]').change(function (e) {
                var file = e.target.files[0];
                all_data.append('file', file);
            });
        });

    </script> </body> </html>

jst do : console.log(file) – Bimal Das Feb 10 '17 at 09:14 — Bimal Das, Feb 10 '17 at 09:14

Change jquery element into provided string?

1 Answers1