Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-54088

Image is blurred when attaching it using IE11

    XMLWordPrintable

Details

    Description

      Steps to replicate

      1. Access Confluence using IE 11
      2. Create a new page
      3. Drag and drop the image to the Confluence editor
      4. Save the page

      Expected Result 

      The image should not be blurred

      Actual Result 

      The image is blurred as per attached below :

      Workaround :

      Option 1: Edit the page and click on the image itself to change any of the settings marked in red then, then change back to the desired setting and save the page again as per the screenshot below :

      Option 2: Use a different web browser other than IE to upload images to the page while editing

      Notes

      Comparing the Storage Format of the page you will see:

      • Chrome
        <p><ac:image ac:height="162"><ri:attachment ri:filename="image2017-8-30_14-1-9.png" /></ac:image></p>
        
      • Internet Explorer
        <p><ac:image ac:thumbnail="true" ac:height="162"><ri:attachment ri:filename="image2017-8-30_14-0-51.png" /></ac:image></p>
        

        This also affects Microsoft Edge Version 81.0.416.68 (Official build) (64-bit).
         

        Mass clean-up

      Run the following SQL statement to replace the ac:thumbnail="true" value with a blank value in all pages and all previous versions of pages including drafts:

      works on Postgres
      UPDATE BODYCONTENT
      SET body = replace(body,'ac:thumbnail="true"','') 
      WHERE body LIKE '%ac:thumbnail="true"%';
      
      works on MS SQL
      UPDATE BODYCONTENT
         SET BODY = REPLACE (CONVERT(VARCHAR(MAX), BODY), 'ac:thumbnail="true"','')
       WHERE BODY LIKE '%ac:thumbnail="true"%';
      

       Always make a full backup of the database and be prepared to roll back before directly editing the db. 

      When done with the search and replace statement above, go to General Configuration -> Cache Management -> "Advanced View" and click "Flush All" at the very bottom of the page. This is so cached versions of pages which have this code still in their storage format will be reloaded from the database at next page visit.

      You may need to clear browser cache as well or hold down shift+refresh on the page to load the page not from existing browser cache. 

       Note: using Internet Explorer to upload new images into pages moving forward will embed the ac:thumbnail="true" value again. This can be avoided by resizing the image to anything else while editing, then resizing back to the size you want before saving the page.  

      Attachments

        1. testImage.jpg
          testImage.jpg
          126 kB
        2. testImage2.jpg
          testImage2.jpg
          119 kB

        Issue Links

          Activity

            People

              Unassigned Unassigned
              dooi Der Lun
              Votes:
              10 Vote for this issue
              Watchers:
              14 Start watching this issue

              Dates

                Created:
                Updated: