Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.09.2015, 14:18
Интересующийся
Отправить личное сообщение для spirit1086 Посмотреть профиль Найти все сообщения от spirit1086
 
Регистрация: 21.07.2015
Сообщений: 10

Submit формы
Здравствуйте, подскажите как сделать чтобы submit формы нормально отработал в ie 7,8,9
В шаблоне такой тег привязано к классу ubtn
<span class="ubtn" style="width:150px;height:150px;display:inline-block;position: relative">Загрузить</span>

Динамически средствами js создается форма и iframe
<form action="upload.php" method="POST" enctype="multipart/form-data" id="uform" target="imgframe">
<input type="file" name="img_src" id="img_src">
</form>

<div><iframe name="imgframe" id="imgframe"></iframe></div>


При клике на .ubtn средствами jquery кликаю на inpyt type=file открывается окно выбора файла, затем при изменении происходит сабмит формы, но так понимаю форма уходит пустой. скал в инете не нашел точного ответа в чем проблема. Решил обратиться сюда может подскажите кто реализовывал уже .
Заметил если выбрать файл нажав на input type="file", то файл отправляется, если открыть input type="file" средствами jquery кликнув на .ubtn то ничего не происходит
$(".ubtn").click(function()
        { 
           $("#img_src").trigger("click");
        });
       
         
        $("#img_src").on('change', function() 
        {   
          $("#uform").trigger("submit"); 
        })

Последний раз редактировалось spirit1086, 07.09.2015 в 14:37.
Ответить с цитированием
  #2 (permalink)  
Старый 07.09.2015, 21:42
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

function buildElement(tagName, props) {
    var element = document.createElement(tagName);
    for (var propName in props) element[propName] = props[propName];
    return element;
}

function submit(link, props) {
    var form = buildElement('form', {method: 'post', action: link});
    for (var propName in props) form.appendChild( 
        buildElement('input', {type: 'hidden', name: propName, value: props[propName]})
    );
    document.body.appendChild(form);
    form.submit();
    document.body.removeChild(form);
}

submit('index.php', {name: 'Ivan', year: '25'});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получить submit только нужной формы alexaled Общие вопросы Javascript 1 27.08.2012 12:17
Обновить iframe по submit формы asci Общие вопросы Javascript 3 31.07.2012 11:23
событие on submit формы cmygeHm ExtJS 13 31.08.2011 10:32
Отменить submit формы при нажатии enter MaxStoun Events/DOM/Window 5 07.04.2011 19:00
Как отключить submit формы в jQuery? khusamov Общие вопросы Javascript 2 08.07.2009 00:54