Я использую uploadify, все работает, но я хочу изменить свое скрытое значение ввода на загруженное имя файла после его загрузки. Есть 5 изображений, я загружаю за один раз, и я хочу добавить их один за другим.
<input type="file" id="file_upload" name="file_upload" />
<input type="hidden" name="image1" id="image1" />
<input type="hidden" name="image2" id="image5" />
<input type="hidden" name="image3" id="image3" />
<input type="hidden" name="image4" id="image4" />
<input type="hidden" name="image5" id="image5" />
и это мой сценарий добавления:
<?php $timestamp = time();?>
$(function() {
$('#file_upload').uploadifive({
'auto' : false,
'multi' : true,
'fileType' : 'image',
'queueSizeLimit' : 5,
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
},
'queueID' : 'queue',
'uploadScript' : 'uploadifive.php',
'onUploadComplete' : function(file, data) {
alert('The File ' + file.name + " has been uploaded");}
});
});
Когда загрузка завершена, я хочу изменить все hidden
поля ввода с соответствующим именем изображения.
что-то вроде: - $("$image1").attr('src', file.name);
но один за другим? Как я могу их сделать.
благодаря
Вы можете использовать .appendTo()
или .html()
в jQuery
, поэтому вместо того, чтобы иметь скрытые значения выше, используйте div и добавьте в div при загрузке...
<div id="images"></aid>
создайте свой html..
$("#images").html('<img src="' + file.name+ '" />');
...или...
$("#images").appendTo('<img src="' + file.name+ '" />');