Здравствуйте.
Имеется следующий код:
<script type="text/javascript">
$(document).ready(function(){
var button = $('#image[+jot.id+]'), interval;
var status=$('#status');
new AjaxUpload(button, {
action: 'save.php',
name: 'myfile',
onSubmit : function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extension is not allowed
status.text('Only JPG, PNG or GIF files are allowed');
return false;
}
status.text('Загрузка...');
this.disable();
},
onComplete: function(file, response){
status.text('');
button.attr("value", file);
window.clearInterval(interval);
this.enable();
if(response==="success"){
$('<div></div>').appendTo('#prevew').html('<img src="./uploads/'+file+'" alt="" width="140"/><p>'+file+'</p>').addClass('previmg');
} else{
$('<div></div>').appendTo('#prevew').text(file).addClass('error');
}
}
});
});
</script>
Собственно загружающий картинку на сервер, и подставляющий ее имя в "button" (это input type="text"). Далее форма сохраняет уже это значение в базу.
<div id="prevew" ></div>
<br style="clear: both;" />
<span id="status" ></span>
<label for="image[+jot.id+]">Фото:<br /> <input tabindex="[+jot.seed:math=?+9+]" name="image" type="text" size="20" value="[+form.field.custom.image:esc+]" id="image[+jot.id+]" /></label><br />
Так как в js разбираюсь очень плохо, не могу придумать как зацепить на несколько input-ов это действие. Приходит в голову только сделать несколько портянок аналогичных меняя в них переменные. Но почему то есть мысль что будет это некузяво.
Подскажите как правильно реальзовать данную хотелку.