Topic: Display filenames of completed uploads


I'm struggling to get the uploaded filenames as they are uploaded from the plupload ui.

Have spent a few hours looking through documentation and examples here but no luck.  My code:

init: {
      FileUploaded: function(up, file, info) {
       $( ".updateimgrow" ).append('filename: ',file);

(at nearly the end of my script below) shows the "filename:" part but doesnt actually show the file name - just blank.

Any help very much appreciated.  I've been looking at the events section and tried several things with no luck.


<script type="text/javascript">
var imagesalready = $(".updateimgrow img").length;

// Initialize the widget when the DOM is ready
$(function() {
        // General settings
        runtimes : 'html5,flash,silverlight,html4',
        url : "upload.php?ad_id=<?php echo $ad_id; ?>",
        max_file_count: 8 - imagesalready,

        // Maximum file size
        max_file_size : '20mb',

        chunk_size: '1mb',

        // Resize images on clientside if we can
        resize : {
            width : 800, 
            height : 800, 
            quality : 70,
            crop: true // crop to exact dimensions

        // Specify what files to browse for
        filters : [
            {title : "Image files", extensions : "jpg,gif,png"},

        // Rename files by clicking on their titles
        rename: true,
        unique_names: true,
        // Sort files
        sortable: true,

        // Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that)
        dragdrop: true,

        // Views to activate
        views: {
            list: true,
            thumbs: true, // Show thumbs
            active: 'thumbs'

        // Flash settings
        flash_swf_url : '/plupload/js/Moxie.swf',
        //auto start
        autostart: true,
        // Silverlight settings
        silverlight_xap_url : '/plupload/js/Moxie.xap',
    init: {
      FileUploaded: function(up, file, info) {
       $( ".updateimgrow" ).append('filename: ',file);

// Handle the case when form was submitted before uploading has finished
    $('#form').submit(function(e) {
        // Files in queue upload them first
        if ($('#uploader').plupload('getFiles').length > 0) {
            // When all files are uploaded submit form
            $('#uploader').on('complete', function() {
            return false; // Keep the form from submitting

Re: Display filenames of completed uploads

I am late to the game here and the OP is a bit older post, but I believe that file is an object not a string.


      FileUploaded: function(up, file, info) {
       $( ".updateimgrow" ).append('filename: ',file);


      FileUploaded: function(up, file, info) {
       $( ".updateimgrow" ).append('filename: ',;