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

Change the input value via jQuery when image uploaded [uploadify]

本文关键字：输入 上传 jQuery      更新时间：2023-09-26

我正在使用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);

但是一个接一个地给所有人？我该怎么做。

谢谢

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

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

构建你的 html..

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

。或。。。

$("#images").appendTo('<img src="' + file.name+ '" />');
相关文章：