Adicionar campo dinâmico a partir de um valor atribuído em um input

Olá pessoal

Preciso adicionar um campo em uma <div>, porém, este campo será adicionado uma vez ou várias vezes dependendo do valor que entrar em um <input type="text"> de um formulário dinâmicamente atravez do .innerHTML (creio que é a melhor opção).

formulário.php

<form name="form_ci" method="post" action="enviar_cadastrar_imagem.php">
 <table border="1" class="sub_cadastrar_tipo">
 <tr>
 <td height="70" valign="top">
 Código do Imóvel: <br /><input type="text" name="c_codigo" maxlength="20"/><br /><br />

 Imagem do Imóvel: <input type="text" name="num" value="1" id="num" onChange="add_img(this);" maxlength="2" style="width:20px; position:relative; top:-4px;" /><br /><br />

 <div id="campos_img">
 <input type="file" name="c_imagem[]" />
 </div>
 </td>
 </tr>
 <tr>
 <td><a href="#" onclick="javascript: document.form_ci.submit();"><img src="imgs/btn_cadastrar.gif" width="183" height="24" /></a></td>
 </tr>
 </table>
 </form>

js.js

function add_img(campo)
{

var valor = campo.value;
var i = 0;

for(i=0; i<valor; i++)

	document.getElementById("campos_img").innerHTML = "<input type='file' name='c_imagem[]' /><br />";
}

document.getElementById("campos_img").innerHTML = "<input type='file' name='c_imagem[]' /><br />";
}

 

 

Dessa forma, ao menos um campo deveria ser adicionado na <div id="campos_img"> por causa do código que está fora do for, mas mesmo assim não está funcionando!

Alguma sugestão pessoal?