Question

这是我的上传设置：

体内：

<div id="file_rows_wrapper">
   <div class="file_row">
      <input class="file_upload" name="file_upload" type="file" multiple="false">
   </div>
</div>
<a href="#" onclick="add_file();">Add Another File</a>

虽然这是javascript部分：

    $(function() { 
        uploadify();             
    }); 

    function uploadify() {           
        <?php $timestamp = time();?>

        $('.file_upload').uploadifive({
            'auto'             : true,
            'checkScript'      : '/files/check_exists',
            'formData'         : {
                                   'timestamp' : '<?php echo $timestamp;?>',
                                   'token'     : '<?php echo md5('hiall' . $timestamp);?>'
                                 },
            'queueID'          : 'queue',
            'uploadScript'     : '/files/upload_file',
            'multi'       : false,
            'buttonText'  : 'Upload File',

        }); 
    };  

function add_file()
{
            var file = $('.file_row:first').clone();
            file.css('margin-top', '20px');

            file.fadeIn().appendTo($('#file_rows_wrapper'));

            uploadify();
}

一切按预期工作。正在克隆“file_row”div，但是当单击“添加另一个文件”并选择本地文件时，没有任何反应。没有上传。如果我多次复制“file_row”div，那么上传工作正常，一次上传更多。我做错了什么？

Answer 1

我认为您需要在文件输入中使用唯一ID才能在一个页面上显示多个实例。

Uploadifive不适用于动态创建的INPUT元素

1 个答案: