Загрузка изображений с помощью Jquery

Question

У меня есть этот HTML код, и я пытаюсь сохранить запись в БД

<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> 

Как я могу загрузить изображение и сохранить его с помощью Jquery и PHP? Я не смог найти метод Jquery для загрузки изображения, но мне нужно обойтись без обновления страницы.

Answer 1

Обычно вы просто не можете загружать изображения через Ajax, вам потребуются обходные пути.

Я использую этот JQuery плагин, он прост в использовании и вам не нужно, чтобы закодировать почти ничего: http://malsup.com/jquery/form/

Answer 2

Не уверен, если это возможно, но мне кажется, как и любой другой JQuery пост-без-обновления:) Поместите имена в нужные поля, а не только идентификаторы. Затем отправьте на конкретную .php страницу нужные данные через jquery и создайте свою логику загрузки. Соответствие будет между вашей jquery и .php страницей, поэтому обновление не будет выполнено. Текстовое поле, которое вы можете получить с супераррейтом $ _POST в php, и файл с $ _FILE.

Answer 3

Это можно загружать с помощью из освежающих Uploadify, см http://www.uploadify.com/demos/

Answer 4

Я недавно добавил ответ на подобный вопрос. Пожалуйста, обратите внимание на это:

Upload image using jquery

Он использует $.ajax, чтобы загрузить файл.