Jquery Ajax, загружать изображения с помощью AJAX

Question

Я использую этот плагин, чтобы загрузить изображение http://www.finalwebsites.com/demos/php_ajax_upload_example.php

Но это не работает. Я получаю сообщение об ошибке, но он немедленно исчезает в firebug

Как я могу заставить его работать? Может ли кто-нибудь показывать плагин, работающий в jsfiddle?

Спасибо заранее!

Answer 1

Я не знаю об этом плагине или о том, как загрузить файл с помощью ajax, но это то, как я достиг чего-то подобного после некоторых поисковых запросов.

1) Поместите DIV на странице где

<div id="iframeholder" style="height:0px;width:0px;display:none;"></div> 

2) Это некоторые JQuery, который обрабатывает загрузку. Он добавляет iframe в div и устанавливает его как цель отправки формы. Затем вы можете прочитать содержимое iframe, чтобы увидеть результат загрузки.

thefile = $('#myfileinput').val(); 
    iframe = $('<iframe name="theiframe" id="theiframe"></iframe>'); 
    $('#iframeholder').append(iframe); 
    $('#theuploadform').attr("action","save.php"); 
    $('#theuploadform').attr("method","post"); 
    $('#theuploadform').attr("thefile",thefile); 
    $('#theuploadform').attr("enctype","multipart/form-data"); 
    $('#theuploadform').attr("encoding","multipart/form-data"); 
    $('#theuploadform').attr("target","theiframe"); 
    $('#theuploadform').submit(); 
    $("#theiframe").load(function() { 
    iframeContents = $('#theiframe').contents().find('body').html(); 
    $('#theiframe').remove(); 
    } 

3) Это не мой самый гордый момент, но вам нужно, чтобы предотвратить формы представления себе, когда пользователь нажимает введите в поле ввода, которое вы можете сделать, проверяя, если нажата клавиша была войти и затем фокусирование другой контроль. Сделайте свой селектор конкретным для ваших нужд здесь.

$('input[type=text]').bind("keypress", function(thekey) { 
    if(thekey.which == "13") { $('#someothercontrol').focus();return false; } 
    });