Uploading image using Jquery

Question

I have this Html code and I try to save my record in DB

<div> 
     <p> Item Name : 
      <input type = 'text' id = 'ItemName' />  
     </p>
     <p> select Image : 
      <input type = 'file' id = 'Image' />
      </p>
     <input type='button' id ='btnSaveItem'>Save </input> 

 </div>

How can I upload a picture and save it using Jquery and PHP? I have not been able to find a Jquery method to upload an image, but I need to do without a page refreshing.

score 1 · Answer 1 · answered Apr 19 '13 at 11:57

1

Normally you just can't upload images via Ajax, you will need workarounds.

I use this jquery plugin, it's easy to use and you don't need to code almost nothing: http://malsup.com/jquery/form/

answered Apr 19 '13 at 11:57

aleation

4,796
1
21
35

score 0 · Answer 2 · answered Apr 19 '13 at 11:57

Not sure if it's possible, but seems to me like every other jquery post-without-refresh :) Put names in the desired fields, not only id's. Then post to a specific .php page the desired data via jquery, and make your upload logic there. The correspond will be between your jquery and .php page, so no refresh will be done. The text field you can get with the $_POST superarray in php, and the file with $_FILE.

score 0 · Answer 3 · answered Apr 19 '13 at 11:57

0

This can be uploading with out refreshing using uploadify, refer http://www.uploadify.com/demos/

answered Apr 19 '13 at 11:57

Vinod VT

6,946
11
51
75

score 0 · Answer 4 · edited May 23 '17 at 11:43

0

I've recently added an answer for a similar question. Please take a look at this:

Upload image using jquery

It uses $.ajax to upload a file.

edited May 23 '17 at 11:43

Community

1
1

answered Apr 22 '15 at 09:33

deborah-digges

1,165
11
19

Uploading image using Jquery

4 Answers4