如何通过plupload为cover设置第一张照片

Question

我使用plupload上传图片。我怎样才能设置第一张图片上传，这将是封面照片？如何更改添加的照片上传顺序？

Answer 1

// Upload Form 
            $(function() { 

             // Settings //////////////////////////////////////////////// 
             var uploader = new plupload.Uploader({ 
              runtimes: 'html5,flash,silverlight', // Set runtimes, here it will use HTML5, if not supported will use flash, etc. 
              browse_button: 'pickfiles', // The id on the select files button 
              multi_selection: true, // Allow to select one file each time 
              container: 'uploader', // The id of the upload form container 
              resize: {quality: 70}, 
              max_file_size: '5000kb', // Maximum file size allowed 
              url: 'upload1.php', // The url to the upload.php file 
              flash_swf_url: 'js/plupload.flash.swf', // The url to thye flash file 
              silverlight_xap_url: 'js/plupload.silverlight.xap', 
              init: { 
               FilesAdded: function (up, files) { 
                plupload.each(files, function (file) { 
                 if (up.files.length > 10) { 
                  up.removeFile(file); 
                 } 
                }); 
                if (up.files.length >= 10) { 
                 $('#pickfiles').hide('slow'); 
                } 
               }, 
               FilesRemoved: function (up, files) { 
                if (up.files.length < 10) { 
                 $('#pickfiles').fadeIn('slow'); 
                } 
               } 
              }, 
              // The url to the silverlight file 
              filters: [{title: "Image files", extensions: "jpg,gif,png"}] // Filter the files that will be showed on the select files window 

             }); 


             // Start Upload //////////////////////////////////////////// 
             // When the button with the id "#uploadfiles" is clicked the upload will start 
             $('#uploadfiles').click(function (e) { 
              uploader.start(); 
              e.preventDefault(); 

             }); 

             uploader.init(); // Initializes the Uploader instance and adds internal event listeners. 

             // Selected Files ////////////////////////////////////////// 
             // When the user select a file it wiil append one div with the class "addedFile" and a unique id to the "#filelist" div. 
             // This appended div will contain the file name and a remove button 
             uploader.bind('FilesAdded', function (up, files) { 
              $.each(files, function (i, file) { 
               $('#filelist').append('<div class="addedFile" id="' + file.id + '">' + file.name + '<a href="#" id="' + file.id + '" class="removeFile"></a>' + '</div>'); 
              }); 
              up.refresh(); // Reposition Flash/Silverlight 
             }); 

             // Error Alert ///////////////////////////////////////////// 
             // If an error occurs an alert window will popup with the error code and error message. 
             // Ex: when a user adds a file with now allowed extension 
             uploader.bind('Error', function (up, err) { 
              alert("Error: " + err.code + ", Message: " + err.message + (err.file ? ", File: " + err.file.name : "") + ""); 
              up.refresh(); // Reposition Flash/Silverlight 
             }); 

             // Remove file button ////////////////////////////////////// 
             // On click remove the file from the queue 
             $('a.removeFile').live('click', function (e) { 
              uploader.removeFile(uploader.getFile(this.id)); 
              $('#' + this.id).remove(); 
              e.preventDefault(); 
             }); 


             // Progress bar //////////////////////////////////////////// 
             // Add the progress bar when the upload starts 
             // Append the tooltip with the current percentage 
             uploader.bind('UploadProgress', function (up, file) { 
              var progressBarValue = up.total.percent; 
              $('#progressbar').fadeIn().progressbar({ 
               value: progressBarValue 
              }); 
              $('#progressbar .ui-progressbar-value').html('<span class="progressTooltip">' + up.total.percent + '%</span>'); 
             }); 

             // Close window after upload /////////////////////////////// 
             // If checkbox is checked when the upload is complete it will close the window 
             uploader.bind('UploadComplete', function() { 
              if ($('.upload-form #checkbox').attr('checked')) { 
               $('.upload-form').fadeOut('slow'); 
              } 
              window.location.href = "goToNew.php"; 
             }); 

             // Close window //////////////////////////////////////////// 
             // When the close button is clicked close the window 
             $('.upload-form .close').on('click', function (e) { 
              $('.upload-form').fadeOut('slow'); 
              e.preventDefault(); 
             }); 

            }); // end of the upload form configuration