uploadify - 在頁面上顯示上傳圖像

我正在構建一個使用uploadify允許用戶上傳組合圖像的網站（在php中）。uploadify - 在頁面上顯示上傳圖像

我有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

來源

2012-12-18 Dan Temple

當然，你可以再補充img元素的頁面動態獲取的文件名通過DOM：

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

Live Example | Source

您可能需要對服務器執行ajax調用才能獲取新映像的路徑，除非您的應用程序邏輯自然失敗。

來源

2012-12-18 14:14:10

感謝您的示例 –

在我使用有一個功能

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

那麼我可以通過file.name獲取文件名的版本; 因此，在你的代碼中，也許fileObj，你可以嘗試fileObj.name來獲取你上傳的文件的名稱。

來源

2012-12-18 15:46:24 tinybai

uploadify - 在頁面上顯示上傳圖像

回答

相關問題