Front-end file uploads for WordPress

Questions answered by Iptanus and other users.

1. 

   Joe Banks

   May 15, 2014 at 1:34 pm

   (How) Does your plugin handle file replacement, where user needs to replace one file with another via simple upload? (Thanks in advance.)

   Reply
   1. 

      Nickolas Bossinas

      May 16, 2014 at 6:49 am

      By default the plugin will replace an existing file with the uploaded one having the same filename. There are additional options if someone does not want to replace the file and reject the upload, or rename the uploaded file according to a pattern so that the names are always different.

      Let me know if you need more info about this.

      Reply
      1. 

         Stuart

         November 20, 2018 at 3:58 pm

         Is there a way to automatically rename files when they are uploaded? Ideally, I’d like to have users enter their name and company into fields on the upload page, and rename the file using that user info (Ex. UserCompany_UserName_2019.xlsx).

         Thanks!

         Reply
         1. 

            Nickolas

            November 22, 2018 at 10:26 am

            Hi, yes using a hook. Do you have the free or pro version (instructions change)?

            Regards

            Nickolas

            Reply
            1. 

               Stuart

               November 27, 2018 at 2:17 pm

               Thanks for responding!

               I have the free version.

               If you have instructions for adding fields for user’s name, email, etc. that would be most appreciated as well.

               Stuart
            2. 

               Nickolas

               November 29, 2018 at 8:04 am

               Here is a link that provides a description of the additional user fields that can be added in the upload form.

               You can easily add them using the visual editor. They are in Additional Fields tab. It is pretty straightforward how it works.

               Regards

               Nickolas
            3. 

               Stuart

               November 30, 2018 at 2:23 pm

               Thanks for linking me to the visual editor instructions – it was very straightforward.

               I’d super appreciate any info about using a hook to rename files using entries in additional fields (Name, Company, etc.).
2. 

   Arne

   May 16, 2014 at 11:46 am

   Hi,

   is it possible to automatically rotate the uploaded images based on EXIF meta data? And is it possible to show a thumbnail preview of the images before upload?

   Thanks,
   Arne

   Reply
   1. 

      Nickolas Bossinas

      May 16, 2014 at 12:24 pm

      You can process the contents of the file immediately after it has been uploaded using the wfu_after_file_upload action, described in the plugin’s documentation, so by implementing this action you can rotate an uploaded image, however you must write your own image processing php code.

      Thumbnail preview is not available for the moment. However there are similar requests from other users as well, so it will be included in a future version.

      Let me know if you need more info.

      Best Regards

      Reply
      1. 

         Arne

         May 16, 2014 at 2:33 pm

         Ok, so I have a function correctImageOrientation($filename). It’s from here (last post): http://stackoverflow.com/questions/3657023/how-to-detect-shot-angle-of-photo-and-auto-rotate-for-website-display-like-desk

         I am not very firm in php coding, how can I call this function from wfu_after_file_upload? Can you help me? 🙂

         I bought your pro plugin a few days before (5th May), because the free stuff allows the users delete their uploaded files (and there is no way to turn this off). But the free plugins (like “work the flow file uploader”) can rotate images based on EXIF.

         Reply
         1. 

            Daniel

            July 24, 2017 at 4:32 pm

            I added a snippet via the code snippet plugin as suggested in you former post (https://www.iptanus.com/filters-and-actions-of-iptanus-file-upload-plugin/#comment-18977). Please find my code below. But the code seems not to be used since my debug line “file_put_contents(…” is not called and the debug file not created. What shall I do to have the function to rotate the image called?
            Thanks
            Daniel

            /* Code for adjusting images uploaded via WP File Upload (by Daniel) */
            function image_fix_orientation(&$image, $filename) {
            $exif = exif_read_data($filename);

            if (!empty($exif[‘Orientation’])) {
            switch ($exif[‘Orientation’]) {
            case 3:
            $image = imagerotate($image, 180, 0);
            break;

            case 6:
            $image = imagerotate($image, -90, 0);
            break;

            case 8:
            $image = imagerotate($image, 90, 0);
            break;
            }
            }
            }

            /*
            This filter runs after the upload completely finishes, in order to perform any
            final custom server actions.
            */

            /** Function syntax
            * The function takes two parameters, $changable_data and $additional_data.
            * – $changable_data is an array that can be modified by the filter and
            * contains the items:
            * > js_script: javascript code to be executed on the client’s browser
            * right after the filter; the script can check upload_status variable
            * for checking if upload has succeeded or not and mode variable for
            * checking if it was an AJAX or classic upload.
            * – $additional_data is an array with additional data to be used by the
            * filter (but cannot be modified) as follows:
            * > sid: this is the id of the plugin, as set using uploadid attribute;
            * it can be used to apply this filter only to a specific instance of
            * the plugin (if it is used in more than one pages or posts)
            * > unique_id: this id is unique for each individual upload attempt
            * and can be used to identify each separate upload
            * > files: holds an array with final data about the files that have been
            * uploaded (or failed); every item of the array is another array with
            * the following items:
            * >> file_unique_id: a unique id identifying every individual file
            * >> original_filename: the original filename of the file
            * >> filepath: the final path of the file (including the filename)
            * >> filesize: the size of the file
            * >> user_data: an array of user data values, if userdata are
            * activated, having the following structure:
            * >>> label: the label of the user data field
            * >>> value: the value of the user data fields entered by user
            * >> upload_result: it is the result of the upload process, taking
            * the following values:
            * success: the upload was successful
            * warning: the upload was successful but with warning messages
            * error: the upload failed
            * >> error_message: contains warning or error messages generated
            * during the upload process
            * >> admin_messages: contains detailed error messages for
            * administrators generated during the upload process
            * The function must return the final $changable_data. */
            function wfu_after_upload_handler($changable_data, $additional_data) {
            // Add code here…
            file_put_contents(‘/web/wordpress/wp-content/uploads/gaestebilder/debug.txt’, ‘DEBUG: FILTER’, FILE_APPEND);
            $wfu_file_path = $additional_data[0][filepath];
            $wfu_file_name = $additional_data[0][original_filename];
            // Check file type and save corrected image
            $extension = strtolower(strrchr($wfu_file_name, ‘.’));
            switch ($extension) {
            case ‘.jpg’:
            case ‘.jpeg’:
            $img = @imagecreatefromjpeg($wfu_file_path);
            $img = image_fix_orientation($img,$wfu_file_path);
            imagejpeg($img, $wfu_file_path);
            break;
            case ‘.gif’:
            $img = @imagecreatefromgif($wfu_file_path);
            $img = image_fix_orientation($img,$wfu_file_path);
            imagegif($img, $wfu_file_path);
            break;
            case ‘.png’:
            $img = @imagecreatefrompng($wfu_file_path);
            $img = image_fix_orientation($img,$wfu_file_path);
            imagepng($img, $wfu_file_path);
            break;
            default:
            $img = false;
            break;
            }

            return $changable_data;
            }
            add_filter(‘wfu_after_upload’, ‘wfu_after_upload_handler’, 10, 2);

            /* END Code for adjusting images uploaded via WP File Upload (by Daniel) */

            Reply
      2. 

         Michael Nissen

         October 12, 2019 at 1:37 pm

         Hey Nikolas
         Will it also be possible to include thumbnails in email-notifications, in order to have a small preview of the files that have been uploaded? I would be a great feature anyway 😉

         Regards Michael

         Reply
         1. 

            Nickolas

            October 13, 2019 at 7:12 pm

            Hi, thumbnails do not work well in emails. There are some common methods of adding thumbnails in emails, however it is not certain that they will work. Are you the only receiver of email notifications? If yes, which email client do you use?

            Nickolas

            Reply
3. 

   Dada BOBOL

   May 27, 2014 at 12:12 pm

   Hey
   I can upload most of the files but never a file called site-imedia.psd which is a 4 mb file. I don’t undestand…

   Here is my code:
   —-

   [wordpress_file_upload uploadpath=”uploads/files_upload/” uploadrole=”all” maxsize=”100″ uploadtitle=”Nom Fichier” uploadpatterns=”*.*” selectbutton=”Sélectionner” uploadbutton=”Envoi” successmessage=”Le fichier %filename% a bien été envoyé !” warningmessage=”Le fichier %filename% a généré des erreurs…recommencez” notify=”true” notifyrecipients=”david.bolender@gmail.com” notifyheaders=”Vous avez reçu un fichier !” notifymessage=”Vous avez reçu un fichier !%n%%n%Expéditeur : %username%%n%Nom fichier : %filename%%n%Chemin : %filepath%”]

   Reply
   1. 

      Nickolas Bossinas

      May 28, 2014 at 1:45 pm

      what error message do you get?

      Reply