FineUploader -在页面加载时添加上载的文件

Question

我试着让用户编辑他们之前上传的文件。

我创建了一个脚本，它返回与上传文件时生成的相同的HTML。

function add_fineuploader_images () {
    $post_id = $_POST['post_id'];
    $media = get_attached_media( 'image', $post_id);
    if ($media) {
    foreach ($media as $image) {
    ?>
        <li class="qq-file-id-0 qq-upload-success" qq-file-id="0" data-id="<?php echo $image->ID; ?>">
            <span class="qq-upload-spinner-selector qq-upload-spinner qq-hide"></span>
            <img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale="" src="<?php echo wp_get_attachment_image( $image->ID, 'thumbnail' );?>">
            <span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
            <span class="qq-upload-file-selector qq-upload-file"><?php echo $image->post_title; ?></span>
            <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
            <a class="qq-upload-cancel-selector qq-upload-cancel qq-hide" href="#">Cancel</a>
            <a class="qq-upload-retry-selector qq-upload-retry qq-hide" href="#">Retry</a>
            <a class="qq-upload-delete-selector qq-upload-delete" href="#">Delete</a>
            <a class="qq-upload-featured-selector qq-upload-set-featured" href="#">Set as featured</a>
            <span class="qq-upload-status-text-selector qq-upload-status-text"></span>
        </li>
    <?php
    }
}
exit();

}

在页面加载时，我调用AJAX将图像加载到页面中：

var post_id = $('#post_id').val();
    $.post(Ajax.ajaxurl, { action: 'add_fineuploader_images', post_id: post_id }, function(data) {
        console.log(data);
        $('.qq-upload-list').html(data);
    });

这创建了相同的预览，就像文件通过FineUploader上传时一样。

现在，我需要让FineUploader知道这些，所以DELETE和其他方法可以工作。

我像这样初始化FineUploader：

 $("#fine-uploader").fineUploader({
  request: {
        endpoint: Ajax.ajaxurl,
        params: {
            action: 'attach_files',
            post_id: $('#post_id').val()
        }
    },
  deleteFile: {
        enabled: true,
        endpoint: Ajax.ajaxurl,
        method: 'POST'
    }
});

如何重新初始化FineUploader？或者，有没有更好的方法来做这件事？

Answer 1

如果要在上载列表中显示上一次会话中上载的文件，只需使用初始文件列表功能即可。没必要在这里重新发明轮子。如果您想要重置精细Uploader，请使用API方法。

我注意到您问了很多文档中提到的问题。我鼓励大家仔细看看现有文件和演示，我们希望它们是相当全面的。