Image Cropper no longer works since Umbraco 7.5.8

[DanDiplo]

I've noticed on two sites that were upgraded to Umbraco 7.5.8 that used Archetype (1.13.1) with an Image Cropper that the Image Cropper no longer retains newly uploaded images. I've also confirmed this with a clean install of Umbraco 7.5.8 using latest Archetype (both installed via NuGet).

Basic steps are:

1. Created an Archetype data type with an Image Cropper property (called, say, "image")
2. Add your Archetype to a document type

When you edit a page using your document type the field "image" will display the Image Cropper properly and lets you appear to upload an image. However, when you save and publish the image is not stored - nothing appears to get added to the media folder. After saving the image will have gone and won't be saved in the Media folder.

Archetype does seem to save the image data in the JSON data, but the image src is empty. Here's an example of the JSON saved (using developer mode in Archetype):

{  
   "fieldsets":[  
      {  
         "properties":[  
            {  
               "alias":"heading",
               "value":"Heading",
               "propertyEditorAlias":"Umbraco.Textbox",
               "dataTypeId":-88,
               "dataTypeGuid":"0cc0eba1-9960-42c9-bf9b-60e150b429ae",
               "editorState":null,
               "hostContentType":null
            },
            {  
               "alias":"image",
               "value":{  
                  "focalPoint":{  
                     "left":0.5,
                     "top":0.5
                  },
                  "src":"",
                  "crops":null
               },
               "propertyEditorAlias":"Umbraco.ImageCropper",
               "dataTypeId":1043,
               "dataTypeGuid":"1df9f033-e6d4-451f-b8d2-e0cbc50a836f",
               "editorState":null,
               "hostContentType":null
            }
         ],
         "alias":"archetype",
         "disabled":false,
         "id":"b8106add-9115-4f9a-812d-36c8551e4388",
         "releaseDate":null,
         "expireDate":null,
         "allowedMemberGroups":"",
         "collapse":true,
         "isValid":true,
         "releaseDateModel":{  
            "alias":"archetypeReleaseDate_1",
            "view":"datepicker",
            "value":null
         },
         "expireDateModel":{  
            "alias":"archetypeExpireDate_2",
            "view":"datepicker",
            "value":null
         },
         "allowedMemberGroupsModel":{  
            "alias":"archetypeAllowedMemberGroups_3",
            "view":"membergrouppicker",
            "value":""
         }
      }
   ]
}

This did work before 7.5.8 - so something appears to have changed in this version of Umbraco. However, an Image Cropper on it's own (ie. not within Archetype) still works as before.

Update: I "downgraded" Umbraco to 7.5.7 and the issue persisted. However, downgrading to 7.5.6 did fix it in my test install.

[kjac]

@DanDiplo How annoying! I'm on it 😄

[DanDiplo]

@kjac Thanks, really appreciate it! I'd look myself, but this project is far too advanced for my basic Angular skills.

[JohnBertelsen]

We are also having this problem, with exact same install versions. Do you have any idea when this will be released on NuGet? or is there a Beta version, we would be happy to help testing.

[DanDiplo]

@kjac I downloaded the source (master branch) and built it using grunt, and applied the fixed files to an Umbraco 7.5.10 site (yeah, bleeding edge!) but I still see the issue. I've updated both the JS files in App_Plugins and the DLL. The same issue occurs - when I save an archetype fieldset with an ImageCropper property the src still remains empty after publishing. Is there anything I've missing?

[kjac]

Hey. The rebuilt dll alone should do it. Could you please try to upload a new file named solely with lowercase letters? Den 22. feb. 2017 3.28 PM skrev "Dan Booth" <notifications@github.com>:

…

@kjac <https://github.com/kjac> I downloaded the source (master branch) and built it using grunt, and applied the fixed files to an Umbraco 7.5.10 site (yeah, bleeding edge!) but I still see the issue. I've updated both the JS files in App_Plugins and the DLL. The same issue occurs - when I save an archetype fieldset with an ImageCropper property the src still remains empty after publishing. Is there anything I've missing? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#384 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AHD_CnP5zZtOllHRN4EB0rL5bUx7H8Ttks5rfEX6gaJpZM4LxWR1> .

[DanDiplo]

@kjac My bad. I forgot the project I was using had multiple references to the Archetype package, so even though I replaced the DLL in /bin, one of the class libraries was still referencing the NuGet package, so it was copying that DLL over into the /bin. Now I've fixed that I can confirm it does work, so thank you - and sorry for the false alarm!

But I guess I'd reiterate what @JohnBertelsen says - is there any chance of a new NuGet package soon? I'm happy to test any pre-release if that would help. Thanks!

[kgiszewski]

@kjac Do we know if this is backwards compatible?

Or do we need to bump the dependency of the core to 7.5.8?

[kjac]

@kgiszewski it's fully backwards compatible 👍

[kgiszewski]

ok ty :)

https://www.nuget.org/packages/Archetype/1.13.2

@DanDiplo @JohnBertelsen ==^ Give this a shot

@kjac you deserve a medal ;)

[JohnBertelsen]

@kgiszewski Will do, thank you very much. And thanks to @kjac for the effort #H5YR

[kgiszewski]

Please report any issues here. I'll assume all is well and make an announcement later today.

[DanDiplo]

@kgiszewski @kjac Thanks EVER so much guys - really appreciate the time and effort you've put in.

I've tested the 1.13.2 package (with latest Umbraco 7.5.10) and it definitely fixes the Image Cropper issue. Not seen any other issues. So I think this is good to go!

[kgiszewski]

@DanDiplo thanks for the feedback!

[JohnBertelsen]

Tested this on a local site and then a live site. Both File upload and Image cropper working as expected. Nice work.