Проблемы с обработкой OnChange в input file

А что это b_file[]?

innerHTML заменяет весь код в контейнере, для добавления нового элемента используйте

lekzd сказал(а):

innerHTML заменяет весь код в контейнере, для добавления нового элемента используйте

Код:

document.getElementById("paste_file").appendChild("<br /><input type=\"file\" name=\"bfile[]\" align=\"right\" onChange=\"file_upload(this)\">");

Нажмите, чтобы раскрыть...

[member=lekzd], а что по вашему "+=" в коде?

AngelGabriel сказал(а):

А что это b_file[]?

Нажмите, чтобы раскрыть...

Уважаемый [member=AngelGabriel], это Мерседес 59 года) А точнее переменная в форме, которая посылается в PHP скрипт.

zjiodeu сказал(а):

Согласно задумке, после выбора файла через input file, под ним должен появиться аналогичный input. Всё работает, только загруженный url исчезает и массив $_FILES соответственно ругается.

Код:

<td colspan="1" valign="center" align="left" id="paste_file" >
<input type="file" name="b_file[]" align="right"
onChange="file_upload(this)" ><br />
</td>

Код:

function file_upload(sender)
{
if (sender.value!="")
{

document.getElementById("paste_file").innerHTML+=
"<br /><input type=\"file\" name=\"bfile[]\" align=\"right\" onChange=\"file_upload(this)\">"
f_count++;
}

}

Нажмите, чтобы раскрыть...

Такая фигня не раз еще наблюдалась, как я помню, при использования innerHTML, appendChild и прочих DОМ функций, они не добавляют код, он лишь имитируют добавление, например: если взглянуть содержимое страницы после изменение с помощью JS, кода видно не будет, а вот если взглянуть через веб-инспектор (я пользуюсь хромом, инспектором-хрома), то код будет виден как элементы DOM'a.

Вывод: лучше использовать AJAX: http://www.html5rocks.com/ru/tutorials/file/dndfiles/

lekzd верно говорит. Только один момент: appendChild нужно передавать не HTML, а DOM Node Object.

Я делаю так:

brevis сказал(а):

lekzd верно говорит. Только один момент: appendChild нужно передавать не HTML, а DOM Node Object.

Я делаю так:

Код:

<script type="text/javascript">
function _createElement(name, attributes)
{
var el = document.createElement( name );
if ( typeof attributes == 'object' ) {
for ( var i in attributes ) {
el.setAttribute( i, attributes[i] );

if ( i.toLowerCase() == 'class' ) {
el.className = attributes[i]; // for IE compatibility

} else if ( i.toLowerCase() == 'style' ) {
el.style.cssText = attributes[i]; // for IE compatibility
}
}
}
for ( var i = 2; i<arguments.length; i++ ) {
var val = arguments[i];
if ( typeof val == 'string' ) { val = document.createTextNode( val ) };
el.appendChild( val );
}
return el;
}

function file_upload(sender)
{
if ( sender.value != '' )
{
var el = _createElement( 'input', {'type': 'file', 'name': 'b_file[]', 'onchange': 'file_upload(this)'});
document.getElementById('paste_file').appendChild( el );
}
}
</script>

<div id="paste_file">
<input type="file" name="b_file[]" onchange="file_upload(this)" />
</div>

Нажмите, чтобы раскрыть...

Пасибо, работает со свистом)