Loading Component...

Loading

More Components

View All
Oops! Something went wrong while submitting the form.
Unstyled Profile Image Upload
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b84378","type":"Block","tag":"div","classes":["2305706c-de8c-ecc9-bb96-019501c68663"],"children":["0038a53b-3cb1-8d82-66da-d6eb67b8437a","0038a53b-3cb1-8d82-66da-d6eb67b8437c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b8437a","type":"Image","tag":"img","classes":["c31593e8-9c06-c1be-7ed5-94861a86b5ed"],"children":[],"data":{"img":{"id":"6477894da2a19699c9eed744"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"src":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","loading":"auto","width":"auto","height":"auto"},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b8437c","type":"Link","tag":"a","classes":["c31593e8-9c06-c1be-7ed5-94861a86b5ee"],"children":["5b8e4739-87d9-0532-1e2f-3a9190e02af5","0038a53b-3cb1-8d82-66da-d6eb67b8437f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5b8e4739-87d9-0532-1e2f-3a9190e02af5","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","loading":"lazy","width":16,"height":"auto"},"img":{"id":"64778905c833dde885004b35"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b8437f","type":"Block","tag":"div","classes":[],"children":["0038a53b-3cb1-8d82-66da-d6eb67b84380"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b84380","text":true,"v":"Upload Image"}],"styles":[{"_id":"2305706c-de8c-ecc9-bb96-019501c68663","fake":false,"type":"class","name":"ms-profile-image-row","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c31593e8-9c06-c1be-7ed5-94861a86b5ed","fake":false,"type":"class","name":"ms-profile-image-preview","namespace":"","comb":"","styleLess":"display: inline-block; width: 56px; height: 56px; margin-top: 5px; margin-bottom: 5px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(0, 0.00%, 80.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"c31593e8-9c06-c1be-7ed5-94861a86b5ee","fake":false,"type":"class","name":"ms-profile-upload","namespace":"","comb":"","styleLess":"display: flex; height: 32px; padding-right: 8px; padding-left: 6px; align-items: center; grid-column-gap: 4px; grid-row-gap: 4px; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: hsla(226.875, 69.57%, 9.02%, 1.00); line-height: 27px;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","siteId":"62a8ca076604387b48cffef4","width":42,"isHD":false,"height":42,"fileName":"6477894da2a19699c9eed744_white-profile-empty (1).svg","createdOn":"2023-05-31T17:52:13.618Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","_id":"6477894da2a19699c9eed744","updatedOn":"2023-05-31T17:52:13.618Z","fileSize":359},{"cdnUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","siteId":"62a8ca076604387b48cffef4","width":24,"isHD":false,"height":24,"fileName":"64778905c833dde885004b35_file_upload_black_24dp (1).svg","createdOn":"2023-05-31T17:51:01.726Z","origFileName":"file_upload_black_24dp (1).svg","fileHash":"a1a79f9142435383b86c6c42c5cb269c","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","_id":"64778905c833dde885004b35","updatedOn":"2023-05-31T17:51:01.726Z","fileSize":452}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b84378","type":"Block","tag":"div","classes":["2305706c-de8c-ecc9-bb96-019501c68663"],"children":["0038a53b-3cb1-8d82-66da-d6eb67b8437a","0038a53b-3cb1-8d82-66da-d6eb67b8437c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b8437a","type":"Image","tag":"img","classes":["c31593e8-9c06-c1be-7ed5-94861a86b5ed"],"children":[],"data":{"img":{"id":"6477894da2a19699c9eed744"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"src":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","loading":"auto","width":"auto","height":"auto"},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b8437c","type":"Link","tag":"a","classes":["c31593e8-9c06-c1be-7ed5-94861a86b5ee"],"children":["5b8e4739-87d9-0532-1e2f-3a9190e02af5","0038a53b-3cb1-8d82-66da-d6eb67b8437f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5b8e4739-87d9-0532-1e2f-3a9190e02af5","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","loading":"lazy","width":16,"height":"auto"},"img":{"id":"64778905c833dde885004b35"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b8437f","type":"Block","tag":"div","classes":[],"children":["0038a53b-3cb1-8d82-66da-d6eb67b84380"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0038a53b-3cb1-8d82-66da-d6eb67b84380","text":true,"v":"Upload Image"}],"styles":[{"_id":"2305706c-de8c-ecc9-bb96-019501c68663","fake":false,"type":"class","name":"ms-profile-image-row","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c31593e8-9c06-c1be-7ed5-94861a86b5ed","fake":false,"type":"class","name":"ms-profile-image-preview","namespace":"","comb":"","styleLess":"display: inline-block; width: 56px; height: 56px; margin-top: 5px; margin-bottom: 5px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(0, 0.00%, 80.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"c31593e8-9c06-c1be-7ed5-94861a86b5ee","fake":false,"type":"class","name":"ms-profile-upload","namespace":"","comb":"","styleLess":"display: flex; height: 32px; padding-right: 8px; padding-left: 6px; align-items: center; grid-column-gap: 4px; grid-row-gap: 4px; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: hsla(226.875, 69.57%, 9.02%, 1.00); line-height: 27px;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","siteId":"62a8ca076604387b48cffef4","width":42,"isHD":false,"height":42,"fileName":"6477894da2a19699c9eed744_white-profile-empty (1).svg","createdOn":"2023-05-31T17:52:13.618Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/6477894da2a19699c9eed744_white-profile-empty%20(1).svg","_id":"6477894da2a19699c9eed744","updatedOn":"2023-05-31T17:52:13.618Z","fileSize":359},{"cdnUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","siteId":"62a8ca076604387b48cffef4","width":24,"isHD":false,"height":24,"fileName":"64778905c833dde885004b35_file_upload_black_24dp (1).svg","createdOn":"2023-05-31T17:51:01.726Z","origFileName":"file_upload_black_24dp (1).svg","fileHash":"a1a79f9142435383b86c6c42c5cb269c","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/62a8ca076604387b48cffef4/64778905c833dde885004b35_file_upload_black_24dp%20(1).svg","_id":"64778905c833dde885004b35","updatedOn":"2023-05-31T17:51:01.726Z","fileSize":452}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.