How to not send an input field in a
?

Question

Relating to my last question. I have an upload field where the user can choose a picture and this becomes resized (client-side via JavaScript), base64 encoded (JavaScript as well) and sent via a hidden field. I do this in order to save bandwidth of the user (e.g. usage with a 3G connection).

But I don't know how to not send the user upload file <input type="file" name="file" id="file" class="span4"> within the <form> tags. The obvious solution would be to exclude the file upload field from the form but this would kill my layout. Is this possible?

I am not sure if this works, but could you select the field with JQuey.javascript and set its value to "" ? — Edo Post, Mar 27 '13 at 22:14
Before sending the form and after processing it, can you replace the contents of that with a blank string? — Chris Forrence, Mar 27 '13 at 22:14
@EdoPost: I don't think that will work in this case because you can't modify the "value" property of a file input element; it's read-only. — Cᴏʀʏ, Mar 27 '13 at 22:16
What happens if it does not have a name? Alternatively put the field outside the form you submit — mplungjan, Mar 27 '13 at 22:20
I cannot clear the value because this would lead the script to reinvoce the process of resizing and the picture I actually want to have transfered gets overwritten. Thanks anyway — Kurt, Mar 27 '13 at 22:29
@Cory tnx i Will keel this in mind, the next time i encounter somthing like this — Edo Post, Mar 27 '13 at 22:37
See also http://stackoverflow.com/questions/3008035/stop-an-input-field-in-a-form-from-being-submitted — anre, Feb 24 '17 at 18:41

score 22 · Answer 1 · edited Nov 24 '14 at 09:07

22

Just delete name="file" attribute.

edited Nov 24 '14 at 09:07

Sebastian Zartner

18,808
10
90
132

answered Nov 24 '14 at 08:43

VALIKHAN

391
3
3

score 14 · Accepted Answer · answered Mar 27 '13 at 22:18

You can do the following with jQuery to disable your input field:

$('#file').prop('disabled', true);

Altogether you might have this:

// domReady handler
$(function() {

    // provide an event for when the form is submitted
    $('#myform').submit(function() {

        // Find the input with id "file" in the context of
        // the form (hence the second "this" parameter) and
        // set it to be disabled
        $('#file', this).prop('disabled', true);

        // return true to allow the form to submit
        return true;
    });
});

score 3 · Answer 3 · answered Mar 27 '13 at 22:14

3

If you can add the attribute "disabled" to the input, it won't be submitted along with the form:

<input type="file" name="file" id="file" class="span4" disabled="disabled">

You can set this attribute in your js-script...

answered Mar 27 '13 at 22:14

darwin

211
3
15

score 0 · Answer 4 · answered Feb 24 '17 at 12:31

0

I needed the form and the input to have a name tag so what i have to do was to set a method tag on my form. This way, my inputs can be enabled and have a tag name.

<form name="form" method="post">

answered Feb 24 '17 at 12:31

Alysson Myller

1,203
11
13

How to not send an input field in a ?

4 Answers4

How to not send an input field in a
?