Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-29412

display thumbnail of uploaded picture, mp3 player or video player as appropriate when pic / mp3 / video file is uploaded in filepicker

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Inactive
    • Icon: Minor Minor
    • None
    • 2.1.1
    • Filepicker
    • MOODLE_21_STABLE
    • Hide

      This should not affect the operation of the file picker when js is disabled.

      When js is enabled an uploaded file with extension :

      • png, jpg or gif : you will see a thumbnail of the image appear above the file name.
      • mp3 : you will see an mp3 player appear above the filename and you can play back the file from the drafts area.
      • f4v, flv, mp4 : you will see the flowplayer appear above the filename and can play back the file from the drafts file area.
      Show
      This should not affect the operation of the file picker when js is disabled. When js is enabled an uploaded file with extension : png, jpg or gif : you will see a thumbnail of the image appear above the file name. mp3 : you will see an mp3 player appear above the filename and you can play back the file from the drafts area. f4v, flv, mp4 : you will see the flowplayer appear above the filename and can play back the file from the drafts file area.

      I have created a patch that as well as a url link shows a thumbnail of an uploaded image in the file picker element when an image file is uploaded. It shows an mp3 player when the mp3 player is loaded or it shows the video player if a video file is uploaded.

      If you use prepare_draft_files_area any existing uploading files will be displayed along with any thumbnail or the appropriate player.

      Only works in browsers with js enabled. If js is not enabled non-js fallback for filepicker is as normal.

      Have not tested yet what happens if js is enabled and flash is not.

      More video/multimedia type players can and probably should be added such as html5 video and audio.

        1. filepickerwithimagepreview.JPG
          91 kB
          Jamie Pratt

            Unassigned Unassigned
            jamiesensei Jamie Pratt (Inactive)
            Dongsheng Cai Dongsheng Cai
            Votes:
            3 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.