Question

我正在使用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" />

这是我的uploadify脚本： -

<?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);

但是一个接一个？我怎么能这样做。

由于

Answer 1

您可以使用.appendTo()中的.html()或jQuery，因此不要使用上面的隐藏值，而是使用div并在加载时附加到div ...

<div id="images"></aid>

构建你的HTML ..

$("#images").html('<img src="' + file.name+ '" />');

...或...

$("#images").appendTo('<img src="' + file.name+ '" />');

上传图片时通过jQuery更改输入值[uploadify]

1 个答案: