0

これは私のuploadiveセットアップです：

本体内部：

<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を複数回手動でコピーすると、アップロードは正常に機能し、一度にさらに多くのアップロードが行われます。私は何を間違っていますか？

4

1 に答える 1

0

1 つのページに複数のインスタンスを含めるには、ファイル入力に一意の ID が必要だと思います。

于 2016-03-04T21:23:53.827 に答える