problem with jquery

Question

I am using jQuery to upload an image and show a live preview. I have a form with id prescriptionform, file input with id scaninput1 and <div> for preview with id preview.

jQuery code:

$('#scaninput1').live('change', function() { 
    $("#preview").html('');
    $("#preview").html('<img src="scripts/loader.gif" alt="Uploading...."/>');
    $("#prescriptionform").ajaxForm({
        //alert("Hiiiiiii");
        target: '#preview'
    }).submit();
});

Code is running and I am uploading the image, but it's not submitting to ajaximage.php.

My HTML code:

<form name='prescriptionform' id="prescriptionform"  method='post'  enctype="multipart/form-data" action='ajaximage.php'>
    <div id="preview"></div>
    <input type="file" id="scaninput1" />
</form>

Community · Accepted Answer · 2017-05-23 11:47:57Z

-1

You can't upload a file directly with an ajax form submit.

You will have to use some other technology to make this work.

How can I upload files asynchronously?

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Sep 13, 2011 at 12:03

BNL

7,1214 gold badges30 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

problem with jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related