0

我正在构建一个网站（在 php 中），它使用 uploadify 来允许用户上传投资组合图像。

我已经 uploadify 工作正常，但我只是想知道上传图片后在页面上显示上传图片的最佳方式。是否可以不刷新页面？

我在下面粘贴了我的上传代码：

<script>
    <?php $timestamp = time();?>
        var counter = 1;
        $(function() {
            $('#file_upload').uploadifive({ 
            onUploadComplete: function(event, queueID, fileObj, reponse, data) {
                //alert(counter);
                counter = counter +1 ;
                     },
                'buttonText'   : 'Upload Images...',
                'uploadLimit'  : 12,
                'uploadScript' : '/includes/uploadifive.php',
                'checkScript'  : '/includes/check-exists.php',
                'auto'         : true,
                'method'       : 'post',
                formData     : { 
                    'page_id' : '<? echo $pageDetails->row['page_id'] ?>',
                    'counter'    : counter,
                    'timestamp'  : '<? echo $timestamp;?>',
                    'token'      : '<? echo md5('unique_salt' . $timestamp);?>'
                 },


            });
        });
        </script>

我不太确定如何从 uploadify 获取文件名

4

2 回答 2

0

当然，您可以img通过 DOM 向页面动态添加元素：

var img = document.createElement('img');
img.src = "/path/to/the/new/img.png";
document.getElementById("somecontainer").appendChild(img);

实例| 来源

您可能需要对服务器进行 ajax 调用以获取新图像的路径，除非这从您的应用程序逻辑中自然而然地消失了。

于 2012-12-18T14:14:10.560 回答
0

在我使用的版本中有一个功能

onUploadSuccess : function(file,data,response){
}

然后我可以通过 file.name 获取文件名；因此，在您的代码中可能是 fileObj，您可以尝试 fileObj.name 来获取您上传的文件的名称。

于 2012-12-18T15:46:24.313 回答