File upload

Note: Files uploaded here are automatically deleted daily. Sign up to host your files securely

Default Flowrive Upload

This can be added to any using just 2 attributes.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Product ImagesCustom

Customized to handle only images, and max 3mb per upload.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d9499da7-281e-2650-95e5-697a3b39b416","type":"Block","tag":"div","classes":["62a2a9db-aa50-adb9-060b-a1fbc48df787"],"children":["51949023-68e1-c528-ad9f-0a9c6c01055f","7af50c75-cee1-2a50-b5b9-d7839f3db6ca"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"51949023-68e1-c528-ad9f-0a9c6c01055f","type":"Block","tag":"div","classes":[],"children":["95e37b6a-7dfb-a342-480b-c9f7f9126346","b93c589c-1420-08e5-abeb-6cb164f62b1e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"95e37b6a-7dfb-a342-480b-c9f7f9126346","type":"DOM","tag":"div","classes":["71c2ecdb-1f90-1727-1334-5b47ae5a0d07"],"children":["3eb5a05b-5a6e-4ab7-1160-281d3f12ec75","241f0a2e-8ba6-cb46-841e-4f1575ea696d"],"data":{"tag":"span","attributes":[]}},{"_id":"3eb5a05b-5a6e-4ab7-1160-281d3f12ec75","type":"DOM","tag":"div","classes":[],"children":["f6c4b0be-428f-bc59-07d3-e88bef1390d5"],"data":{"tag":"span","attributes":[]}},{"_id":"f6c4b0be-428f-bc59-07d3-e88bef1390d5","text":true,"v":"Product Images"},{"_id":"241f0a2e-8ba6-cb46-841e-4f1575ea696d","type":"DOM","tag":"div","classes":["73b86e18-93b6-c12a-4413-f08cab2d9f70","6b184546-d21b-9e6b-d11b-b22caf370549"],"children":["31210a91-efc0-d2bf-18c4-61e811f38fe9"],"data":{"tag":"span","attributes":[]}},{"_id":"31210a91-efc0-d2bf-18c4-61e811f38fe9","text":true,"v":"Custom"},{"_id":"b93c589c-1420-08e5-abeb-6cb164f62b1e","type":"Block","tag":"div","classes":["0eb56ca7-1ded-72ac-1ea4-0b15c806c57e","d7ce9bd3-0629-2178-67a8-21fc56a55f36"],"children":["bd032c47-365c-67a3-433e-bf4708c9a3eb"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bd032c47-365c-67a3-433e-bf4708c9a3eb","text":true,"v":"Customized to handle only images, and max 3mb per upload."},{"_id":"7af50c75-cee1-2a50-b5b9-d7839f3db6ca","type":"FormWrapper","tag":"div","classes":["b6118336-0c18-8792-82ba-a30f02d2af9a"],"children":["8c460970-ffa8-58b6-3e2f-5c9a68bbf832","fab72c22-599c-3b84-defb-d8bcfdeeae1a","0e3bb40d-3b8a-43c2-b380-13aaa8373a18"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"8c460970-ffa8-58b6-3e2f-5c9a68bbf832","type":"FormForm","tag":"form","classes":[],"children":["3f74d7bf-3d59-8702-7113-e37f0617c0a3","0abeee7b-e5bd-c8e5-016f-180beb38c572","38afbd57-c506-02d1-481b-717bd87dcbae","8fa3478f-f480-ab39-15b5-caf500fb7997"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Email Form"},"attr":{"id":"form-1","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3f74d7bf-3d59-8702-7113-e37f0617c0a3","type":"FormBlockLabel","tag":"label","classes":["4fe02d9d-6269-48f4-2ab8-56048608a3d8"],"children":["b7bcc6b8-8968-ece0-756a-3f0fd81c9568"],"data":{"attr":{"for":"name","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b7bcc6b8-8968-ece0-756a-3f0fd81c9568","text":true,"v":"Images"},{"_id":"0abeee7b-e5bd-c8e5-016f-180beb38c572","type":"Block","tag":"div","classes":["772589db-f556-9b19-20c4-504a316f8a28","7a68618a-d336-61dc-3297-98e334d15233"],"children":["d6020eff-6280-d87c-741d-20708225ea76","2d84748e-ba75-cc3c-2191-5b36d3ab241a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6020eff-6280-d87c-741d-20708225ea76","type":"Block","tag":"div","classes":["510486bd-5b7b-90f9-d9eb-db6c999a62d6"],"children":["c5d09e38-a526-da98-c048-6e36c30c5240"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview-list","value":"1"},{"name":"fd-display","value":"flex"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5d09e38-a526-da98-c048-6e36c30c5240","type":"Block","tag":"div","classes":["4601f8d5-1e70-4af6-523f-69e2585bef26"],"children":["4038e96b-edd4-9794-ee9d-39348ce612fc","43ccee2e-a2fa-1a36-3830-554380d6bac4","249232e9-f57e-5b55-2f6e-b26d1cb1fc70","fded1601-ee1c-f6b0-1704-7978ac093252"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview","value":"item"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4038e96b-edd4-9794-ee9d-39348ce612fc","type":"Image","tag":"img","classes":["d3d1ff8d-1319-d014-ff7a-92b95a488469"],"children":[],"data":{"img":{"id":"plugins/Basic/assets/placeholder.svg"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"fd-preview","value":"img"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"43ccee2e-a2fa-1a36-3830-554380d6bac4","type":"Block","tag":"div","classes":["f0480190-410c-9bb5-5713-3ddca913ff9e"],"children":["8adc7f26-918d-727d-4c83-bca55cfc375c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview","value":"cancel"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8adc7f26-918d-727d-4c83-bca55cfc375c","type":"DOM","tag":"div","classes":["82d77bd2-8fae-746c-927b-57de03b57ccc"],"children":["f00458a1-61e0-2715-486b-e239f8047cab"],"data":{"tag":"svg","attributes":[{"name":"xmlns","value":"http://www.w3.org/2000/svg"},{"name":"width","value":"16"},{"name":"height","value":"16"},{"name":"viewBox","value":"0 0 16 16"},{"name":"fill","value":"none"}],"editable":true}},{"_id":"f00458a1-61e0-2715-486b-e239f8047cab","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"path","attributes":[{"name":"d","value":"M4.66797 14C4.3013 14 3.98752 13.8696 3.72664 13.6087C3.46575 13.3478 3.33508 13.0338 3.33464 12.6667V4H2.66797V2.66667H6.0013V2H10.0013V2.66667H13.3346V4H12.668V12.6667C12.668 13.0333 12.5375 13.3473 12.2766 13.6087C12.0157 13.87 11.7017 14.0004 11.3346 14H4.66797ZM11.3346 4H4.66797V12.6667H11.3346V4ZM6.0013 11.3333H7.33464V5.33333H6.0013V11.3333ZM8.66797 11.3333H10.0013V5.33333H8.66797V11.3333Z"},{"name":"fill","value":"currentColor"}],"editable":true}},{"_id":"249232e9-f57e-5b55-2f6e-b26d1cb1fc70","type":"Block","tag":"div","classes":["67a0a459-958d-43f9-82e1-9ee1b2105475"],"children":["2413211a-c91d-e826-7a6b-4ae99f3b1d27"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-hide-on-complete","value":""}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2413211a-c91d-e826-7a6b-4ae99f3b1d27","type":"Block","tag":"div","classes":["b12ef70a-d22c-9720-2333-afa0f205ecfc"],"children":["d992d9b7-0d3d-35ca-f34a-b97c99b84b88"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d992d9b7-0d3d-35ca-f34a-b97c99b84b88","type":"Block","tag":"div","classes":["ba7ff9ba-25f6-f47e-225e-43c0e284bf43"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview","value":"progress-fill"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fded1601-ee1c-f6b0-1704-7978ac093252","type":"Block","tag":"div","classes":["4b194366-e417-35bf-d4b4-2d24991581a6"],"children":["cf32467c-5645-8cda-e425-f0d08da558bd"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cf32467c-5645-8cda-e425-f0d08da558bd","type":"DOM","tag":"div","classes":["8a8cedc3-f32e-681d-d5fb-87164bd9df86"],"children":["ca76f8b4-5661-248d-febc-38a6590e72ae"],"data":{"tag":"div","attributes":[{"name":"fd-show-on-complete","value":"true"}]}},{"_id":"ca76f8b4-5661-248d-febc-38a6590e72ae","type":"DOM","tag":"div","classes":["971759b0-4294-94c2-8aa3-95a428a78b3f"],"children":["10ccecd5-3234-8269-f938-87d29482a055"],"data":{"tag":"svg","attributes":[{"name":"xmlns","value":"http://www.w3.org/2000/svg"},{"name":"width","value":"24"},{"name":"height","value":"24"},{"name":"viewBox","value":"0 0 24 24"},{"name":"fill","value":"none"}],"editable":true}},{"_id":"10ccecd5-3234-8269-f938-87d29482a055","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"path","attributes":[{"name":"d","value":"M12 1.5C14.7848 1.5 17.4555 2.60625 19.4246 4.57538C21.3938 6.54451 22.5 9.21523 22.5 12C22.5 14.7848 21.3938 17.4555 19.4246 19.4246C17.4555 21.3938 14.7848 22.5 12 22.5C9.21523 22.5 6.54451 21.3938 4.57538 19.4246C2.60625 17.4555 1.5 14.7848 1.5 12C1.5 9.21523 2.60625 6.54451 4.57538 4.57538C6.54451 2.60625 9.21523 1.5 12 1.5ZM10.692 14.0715L8.3595 11.7375C8.27588 11.6539 8.17661 11.5876 8.06736 11.5423C7.9581 11.497 7.84101 11.4737 7.72275 11.4737C7.60449 11.4737 7.4874 11.497 7.37814 11.5423C7.26889 11.5876 7.16962 11.6539 7.086 11.7375C6.91712 11.9064 6.82225 12.1354 6.82225 12.3743C6.82225 12.6131 6.91712 12.8421 7.086 13.011L10.056 15.981C10.1394 16.065 10.2386 16.1317 10.3479 16.1773C10.4571 16.2228 10.5744 16.2462 10.6927 16.2462C10.8111 16.2462 10.9284 16.2228 11.0376 16.1773C11.1469 16.1317 11.2461 16.065 11.3295 15.981L17.4795 9.8295C17.5642 9.74623 17.6316 9.647 17.6778 9.53755C17.724 9.42809 17.7481 9.31057 17.7487 9.19177C17.7492 9.07297 17.7262 8.95523 17.6811 8.84535C17.6359 8.73547 17.5694 8.63562 17.4854 8.55156C17.4015 8.46751 17.3017 8.4009 17.1919 8.3556C17.0821 8.31029 16.9644 8.28718 16.8455 8.28759C16.7267 8.288 16.6092 8.31193 16.4997 8.358C16.3902 8.40407 16.2909 8.47136 16.2075 8.556L10.692 14.0715Z"},{"name":"fill","value":"currentColor"}],"editable":true}},{"_id":"2d84748e-ba75-cc3c-2191-5b36d3ab241a","type":"Block","tag":"div","classes":["ec83c9fa-63d0-35d6-25fc-0738c685d1b4"],"children":["28052405-c732-f0db-2190-abaa8fd33f39","09053f63-61f6-9719-cdbe-5e126ceadc26"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-upload","value":"custom"},{"name":"fd-input","value":"#url1"},{"name":"fd-show-preview","value":"1"},{"name":"fd-accept","value":"image"},{"name":"fd-max-size","value":"3mb"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"28052405-c732-f0db-2190-abaa8fd33f39","type":"Block","tag":"div","classes":["1d842e4f-baa6-0f26-60a2-58277fdddb25"],"children":["528b245e-8e4f-9395-af19-345292dc4e5f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-upload","value":"trigger"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"528b245e-8e4f-9395-af19-345292dc4e5f","type":"DOM","tag":"div","classes":[],"children":["339ae797-6e13-5e28-a601-d99107fcf23f"],"data":{"tag":"svg","attributes":[{"name":"xmlns","value":"http://www.w3.org/2000/svg"},{"name":"width","value":"25"},{"name":"height","value":"25"},{"name":"viewBox","value":"0 0 25 25"},{"name":"fill","value":"none"}],"editable":true}},{"_id":"339ae797-6e13-5e28-a601-d99107fcf23f","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"path","attributes":[{"name":"d","value":"M12.1677 16.245V7.59497L9.83773 9.92497L9.12972 9.20597L12.6677 5.66797L16.2057 9.20597L15.4987 9.92597L13.1677 7.59497V16.245H12.1677ZM7.28272 19.668C6.82272 19.668 6.43872 19.514 6.13072 19.206C5.82206 18.8973 5.66772 18.513 5.66772 18.053V15.63H6.66772V18.053C6.66772 18.2063 6.73172 18.3473 6.85972 18.476C6.98839 18.604 7.12939 18.668 7.28272 18.668H18.0527C18.2061 18.668 18.3471 18.604 18.4757 18.476C18.6037 18.3473 18.6677 18.2063 18.6677 18.053V15.63H19.6677V18.053C19.6677 18.513 19.5137 18.897 19.2057 19.205C18.8971 19.5136 18.5127 19.668 18.0527 19.668H7.28272Z"},{"name":"fill","value":"#303030"}],"editable":true}},{"_id":"09053f63-61f6-9719-cdbe-5e126ceadc26","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"input","attributes":[{"name":"type","value":"file"},{"name":"hidden","value":"true"},{"name":"multiple","value":"true"}]}},{"_id":"38afbd57-c506-02d1-481b-717bd87dcbae","type":"FormBlockLabel","tag":"label","classes":["4fe02d9d-6269-48f4-2ab8-56048608a3d8","a3318208-cb0d-242f-bf0e-c52fbf4a3956"],"children":["cc7077d9-7152-3e2a-5cf9-b89f84175f90"],"data":{"attr":{"for":"url-3","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cc7077d9-7152-3e2a-5cf9-b89f84175f90","text":true,"v":"Target Input to update the URL when successful (can be hidden)"},{"_id":"8fa3478f-f480-ab39-15b5-caf500fb7997","type":"FormTextInput","tag":"input","classes":["7873ca3c-9e61-b1f0-dbc3-29d69cb738d7"],"children":[],"data":{"form":{"name":"url1","type":"input","passwordPage":false},"attr":{"id":"url1","name":"url1","maxlength":256,"data-name":"url1","placeholder":"Example Text","disabled":false,"type":"text","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fab72c22-599c-3b84-defb-d8bcfdeeae1a","type":"FormSuccessMessage","tag":"div","classes":[],"children":["383b89d9-3b1b-2cce-6c0a-c39c5d4c0517"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"383b89d9-3b1b-2cce-6c0a-c39c5d4c0517","type":"Block","tag":"div","classes":[],"children":["83ab0ddb-4c26-1dc4-74be-c609acadec00"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"83ab0ddb-4c26-1dc4-74be-c609acadec00","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"0e3bb40d-3b8a-43c2-b380-13aaa8373a18","type":"FormErrorMessage","tag":"div","classes":[],"children":["a9053f61-5f69-11f9-3d01-0ad000aa70cd"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"a9053f61-5f69-11f9-3d01-0ad000aa70cd","type":"Block","tag":"div","classes":[],"children":["abe8f56f-3167-8045-1891-0c762456549a"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"abe8f56f-3167-8045-1891-0c762456549a","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"4b194366-e417-35bf-d4b4-2d24991581a6","fake":false,"type":"class","name":"demo-success","namespace":"","comb":"","styleLess":"position: absolute; top: 0.25rem; right: 0.25rem; z-index: 2; display: none; width: 1rem; height: 1rem; border-top-left-radius: 500px; border-top-right-radius: 500px; border-bottom-left-radius: 500px; border-bottom-right-radius: 500px; box-shadow: 0 2px 5px 0 hsla(132, 89.87%, 19.31%, 0.20); color: hsla(144, 100.00%, 37.67%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"d3d1ff8d-1319-d014-ff7a-92b95a488469","fake":false,"type":"class","name":"fd-preview-img-1","namespace":"","comb":"","styleLess":"position: absolute; width: 100%; height: 100%; max-width: none; object-fit: cover;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"71c2ecdb-1f90-1727-1334-5b47ae5a0d07","fake":false,"type":"class","name":"fd-text-lg","namespace":"","comb":"","styleLess":"font-size: 1.25rem; line-height: 1.4; font-weight: 500;","variants":{},"children":["caadf7b1-2cdb-dcad-36ef-79e36ad3f6d6"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"b12ef70a-d22c-9720-2333-afa0f205ecfc","fake":false,"type":"class","name":"demo-progress-fill","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; height: 0.5rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"0eb56ca7-1ded-72ac-1ea4-0b15c806c57e","fake":false,"type":"class","name":"fd-text-sm","namespace":"","comb":"","styleLess":"font-size: 0.875rem; line-height: 1.4;","variants":{},"children":["e60f4a2c-7015-5dc1-1aa6-c79db4c9e3a2","fbf60fa6-08a9-44a3-f1f2-40db4ec514cd","d7ce9bd3-0629-2178-67a8-21fc56a55f36"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"f0480190-410c-9bb5-5713-3ddca913ff9e","fake":false,"type":"class","name":"demo-delete","namespace":"","comb":"","styleLess":"position: absolute; bottom: 0px; z-index: 4; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 44.67%, 0.18); opacity: 0; color: hsla(0, 100.00%, 51.78%, 1.00);","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"62a2a9db-aa50-adb9-060b-a1fbc48df787","fake":false,"type":"class","name":"fd-demo-1","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: stretch; grid-column-gap: 2rem; grid-row-gap: 2rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"971759b0-4294-94c2-8aa3-95a428a78b3f","fake":false,"type":"class","name":"svg-full","namespace":"","comb":"","styleLess":"width: 100%; height: 100%;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"67a0a459-958d-43f9-82e1-9ee1b2105475","fake":false,"type":"class","name":"demo-progress","namespace":"","comb":"","styleLess":"position: absolute; bottom: 0px; z-index: 2; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 44.67%, 0.18);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"1d842e4f-baa6-0f26-60a2-58277fdddb25","fake":false,"type":"class","name":"fd-demo-upload-trigger-1","namespace":"","comb":"","styleLess":"display: flex; width: 4.5rem; height: 4.5rem; justify-content: center; align-items: center; border-top-style: dashed; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 80.67%, 1.00); border-right-style: dashed; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 80.67%, 1.00); border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 80.67%, 1.00); border-left-style: dashed; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 80.67%, 1.00); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: white;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"4fe02d9d-6269-48f4-2ab8-56048608a3d8","fake":false,"type":"class","name":"fd-demo-label","namespace":"","comb":"","styleLess":"margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.3; font-weight: 400;","variants":{},"children":["a3318208-cb0d-242f-bf0e-c52fbf4a3956"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"a3318208-cb0d-242f-bf0e-c52fbf4a3956","fake":false,"type":"class","name":"u-text-midgray","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"510486bd-5b7b-90f9-d9eb-db6c999a62d6","fake":false,"type":"class","name":"fd-preview-list-1","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; flex-wrap: wrap; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"d7ce9bd3-0629-2178-67a8-21fc56a55f36","fake":false,"type":"class","name":"mt-2","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"7873ca3c-9e61-b1f0-dbc3-29d69cb738d7","fake":false,"type":"class","name":"demo-input","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"b6118336-0c18-8792-82ba-a30f02d2af9a","fake":false,"type":"class","name":"fd-form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"4601f8d5-1e70-4af6-523f-69e2585bef26","fake":false,"type":"class","name":"fd-demo-preview-item-1","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; width: 4.5rem; height: 4.5rem; justify-content: flex-start; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 96.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 96.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 96.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 96.00%, 1.00); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"ba7ff9ba-25f6-f47e-225e-43c0e284bf43","fake":false,"type":"class","name":"progress-fill","namespace":"","comb":"","styleLess":"width: 0%; height: 100%; background-color: hsla(140, 99.12%, 39.51%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"7a68618a-d336-61dc-3297-98e334d15233","fake":false,"type":"class","name":"mb-4","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"8a8cedc3-f32e-681d-d5fb-87164bd9df86","fake":false,"type":"class","name":"text-white","namespace":"","comb":"","styleLess":"color: white;","variants":{},"children":["192bf8b6-e160-1837-6511-dfb21fa43478"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"6b184546-d21b-9e6b-d11b-b22caf370549","fake":false,"type":"class","name":"is-big","namespace":"","comb":"&","styleLess":"height: auto; font-size: 0.875rem; line-height: 1.6;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"ec83c9fa-63d0-35d6-25fc-0738c685d1b4","fake":false,"type":"class","name":"fd-upload-widget-1","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"73b86e18-93b6-c12a-4413-f08cab2d9f70","fake":false,"type":"class","name":"optional-tag","namespace":"","comb":"","styleLess":"height: 1.25rem; margin-left: 0.5rem; padding-right: 0.25rem; padding-left: 0.25rem; justify-content: center; align-items: center; border-top-left-radius: 500rem; border-top-right-radius: 500rem; border-bottom-left-radius: 500rem; border-bottom-right-radius: 500rem; background-color: hsla(20.084745762711865, 60.65%, 93.22%, 1.00); color: #f6590a; font-size: 0.75rem; line-height: 1;","variants":{},"children":["6b184546-d21b-9e6b-d11b-b22caf370549"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"82d77bd2-8fae-746c-927b-57de03b57ccc","fake":false,"type":"class","name":"svg-large","namespace":"","comb":"","styleLess":"width: 2rem; height: 2rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"772589db-f556-9b19-20c4-504a316f8a28","fake":false,"type":"class","name":"fd-form-input-1","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; flex-direction: row; flex-wrap: wrap; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;","variants":{},"children":["7a68618a-d336-61dc-3297-98e334d15233"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}

Add ListingsCustom

Customized to handle only images, and max 3mb per upload.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"fc1ca0c0-13bb-ccfa-51dc-1b33c76fd303","type":"Block","tag":"div","classes":["62a2a9db-aa50-adb9-060b-a1fbc48df787"],"children":["0931669c-bc0f-75d8-3050-a417b393e88e","f3cff34e-b2a5-7738-cc81-98f90e57d036","983bcf8a-ec05-d1ae-6426-afb2383deb9f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0931669c-bc0f-75d8-3050-a417b393e88e","type":"Block","tag":"div","classes":[],"children":["8aee6a3c-fe4b-23a5-a15e-d75d711e3049","eb77bb18-870a-04c7-74cf-1a34ed73c2e4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8aee6a3c-fe4b-23a5-a15e-d75d711e3049","type":"DOM","tag":"div","classes":["71c2ecdb-1f90-1727-1334-5b47ae5a0d07"],"children":["5c6d9b20-87b9-ee26-891d-e1f69ba3d2a2","3d82ac37-88ca-8a94-4dc2-a6cf60f6f6d1"],"data":{"tag":"span","attributes":[]}},{"_id":"5c6d9b20-87b9-ee26-891d-e1f69ba3d2a2","type":"DOM","tag":"div","classes":[],"children":["4ad2555b-7425-861b-8a26-fe22c22fbdec"],"data":{"tag":"span","attributes":[]}},{"_id":"4ad2555b-7425-861b-8a26-fe22c22fbdec","text":true,"v":"Add Listings"},{"_id":"3d82ac37-88ca-8a94-4dc2-a6cf60f6f6d1","type":"DOM","tag":"div","classes":["73b86e18-93b6-c12a-4413-f08cab2d9f70","6b184546-d21b-9e6b-d11b-b22caf370549"],"children":["274abb60-021e-fe69-9177-6477312116ae"],"data":{"tag":"span","attributes":[]}},{"_id":"274abb60-021e-fe69-9177-6477312116ae","text":true,"v":"Custom"},{"_id":"eb77bb18-870a-04c7-74cf-1a34ed73c2e4","type":"Block","tag":"div","classes":["0eb56ca7-1ded-72ac-1ea4-0b15c806c57e","d7ce9bd3-0629-2178-67a8-21fc56a55f36"],"children":["aa323fc9-7f3c-f4b1-5941-091e33e9fd87"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa323fc9-7f3c-f4b1-5941-091e33e9fd87","text":true,"v":"Customized to handle only images, and max 3mb per upload."},{"_id":"f3cff34e-b2a5-7738-cc81-98f90e57d036","type":"FormWrapper","tag":"div","classes":["b6118336-0c18-8792-82ba-a30f02d2af9a"],"children":["437385b4-c94f-e668-d927-3a4cfc83ee9d","79d80f09-176f-fea2-03f6-1f8c6c786655","dde8e9b4-9baa-cb96-962c-40fa6ae0f478"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"437385b4-c94f-e668-d927-3a4cfc83ee9d","type":"FormForm","tag":"form","classes":[],"children":["39239b37-be49-f30a-a235-77ad34ea2548","18547a57-eabe-c8e1-553d-339f6a8332a6","ee30973c-7041-322c-dd97-826b36065e2a","aa80495f-7e0e-a62d-03b0-48ac2d6bac58"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Email Form"},"attr":{"id":"form-2","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"39239b37-be49-f30a-a235-77ad34ea2548","type":"FormBlockLabel","tag":"label","classes":["4fe02d9d-6269-48f4-2ab8-56048608a3d8"],"children":["a315fee5-767e-c4c4-a51e-6b17efdfd821"],"data":{"attr":{"for":"name","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a315fee5-767e-c4c4-a51e-6b17efdfd821","text":true,"v":"Images"},{"_id":"18547a57-eabe-c8e1-553d-339f6a8332a6","type":"Block","tag":"div","classes":["bb03ef6f-73d2-ed93-7920-891f8d039fc2","b1b924a1-1b9a-f7db-49e5-f4ce4317553b"],"children":["90d7af30-df66-6d11-fbcb-39fa0d790996"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"90d7af30-df66-6d11-fbcb-39fa0d790996","type":"Block","tag":"div","classes":["2a2714d6-9713-d4ce-8dce-84a7434a9fd1"],"children":["1c340360-747f-28ff-82b4-13cb419d257e","ffb9abf9-fb42-8e7c-3210-954ce192af5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview-list","value":"2"},{"name":"fd-display","value":"grid"},{"name":"fd-prepend","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1c340360-747f-28ff-82b4-13cb419d257e","type":"Block","tag":"div","classes":["e0c086bd-f55f-246f-b856-32fab93b9a4c"],"children":["23ea76c1-ff3f-35e6-ba18-af51b1d4267b","30ffe0c1-0f2f-1c64-1d46-5d254888aac8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-upload","value":"custom"},{"name":"fd-input","value":"#url2"},{"name":"fd-show-preview","value":"2"},{"name":"fd-accept","value":"image"},{"name":"fd-max-size","value":"3mb"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"23ea76c1-ff3f-35e6-ba18-af51b1d4267b","type":"Block","tag":"div","classes":["17cdde12-a9c3-9927-008b-28f901b9a3b8"],"children":["7500d782-369f-89f1-8a84-ca5e62d1dd0a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-upload","value":"trigger"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7500d782-369f-89f1-8a84-ca5e62d1dd0a","type":"Block","tag":"div","classes":["a74f132a-b5c3-e0b3-1d91-d86c9adf7e53"],"children":["6ca5a4b0-c5ec-f363-427c-8a3d6b458ef9"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6ca5a4b0-c5ec-f363-427c-8a3d6b458ef9","text":true,"v":"Add Images"},{"_id":"30ffe0c1-0f2f-1c64-1d46-5d254888aac8","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"input","attributes":[{"name":"type","value":"file"},{"name":"hidden","value":"true"},{"name":"multiple","value":"true"}]}},{"_id":"ffb9abf9-fb42-8e7c-3210-954ce192af5b","type":"Block","tag":"div","classes":["7246597c-f04d-5e42-eb04-fb36e3289347"],"children":["81a26cfc-4088-2e14-43f1-b251122dd454","5f5df08d-a115-d37d-87b2-404ee2985cdb","a194a6d4-4e1f-a449-e861-fa38cb1ecc9e","7b63243a-d01f-0d0e-b1d2-eedba7ff71a8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview","value":"item"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"81a26cfc-4088-2e14-43f1-b251122dd454","type":"Image","tag":"img","classes":["d3d1ff8d-1319-d014-ff7a-92b95a488469"],"children":[],"data":{"img":{"id":"plugins/Basic/assets/placeholder.svg"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"fd-preview","value":"img"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5f5df08d-a115-d37d-87b2-404ee2985cdb","type":"Block","tag":"div","classes":["67a0a459-958d-43f9-82e1-9ee1b2105475"],"children":["1b1cb90e-0997-c5b6-37e6-482dd2f26077"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-hide-on-complete","value":""}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1b1cb90e-0997-c5b6-37e6-482dd2f26077","type":"Block","tag":"div","classes":["b12ef70a-d22c-9720-2333-afa0f205ecfc"],"children":["6d3b121d-095a-a277-6cf1-44259ce52d16"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6d3b121d-095a-a277-6cf1-44259ce52d16","type":"Block","tag":"div","classes":["ba7ff9ba-25f6-f47e-225e-43c0e284bf43"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview","value":"progress-fill"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a194a6d4-4e1f-a449-e861-fa38cb1ecc9e","type":"DOM","tag":"div","classes":["4b194366-e417-35bf-d4b4-2d24991581a6"],"children":["f75f1a22-d416-c990-4b42-e0712c5f2c93"],"data":{"tag":"div","attributes":[{"name":"fd-show-on-complete","value":"true"},{"name":"fd-display","value":"block"}]}},{"_id":"f75f1a22-d416-c990-4b42-e0712c5f2c93","type":"DOM","tag":"div","classes":["971759b0-4294-94c2-8aa3-95a428a78b3f"],"children":["0de0fc97-9266-9e0e-a4f6-edbf2e70a3b1"],"data":{"tag":"svg","attributes":[{"name":"xmlns","value":"http://www.w3.org/2000/svg"},{"name":"width","value":"24"},{"name":"height","value":"24"},{"name":"viewBox","value":"0 0 24 24"},{"name":"fill","value":"none"}],"editable":true}},{"_id":"0de0fc97-9266-9e0e-a4f6-edbf2e70a3b1","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"path","attributes":[{"name":"d","value":"M12 1.5C14.7848 1.5 17.4555 2.60625 19.4246 4.57538C21.3938 6.54451 22.5 9.21523 22.5 12C22.5 14.7848 21.3938 17.4555 19.4246 19.4246C17.4555 21.3938 14.7848 22.5 12 22.5C9.21523 22.5 6.54451 21.3938 4.57538 19.4246C2.60625 17.4555 1.5 14.7848 1.5 12C1.5 9.21523 2.60625 6.54451 4.57538 4.57538C6.54451 2.60625 9.21523 1.5 12 1.5ZM10.692 14.0715L8.3595 11.7375C8.27588 11.6539 8.17661 11.5876 8.06736 11.5423C7.9581 11.497 7.84101 11.4737 7.72275 11.4737C7.60449 11.4737 7.4874 11.497 7.37814 11.5423C7.26889 11.5876 7.16962 11.6539 7.086 11.7375C6.91712 11.9064 6.82225 12.1354 6.82225 12.3743C6.82225 12.6131 6.91712 12.8421 7.086 13.011L10.056 15.981C10.1394 16.065 10.2386 16.1317 10.3479 16.1773C10.4571 16.2228 10.5744 16.2462 10.6927 16.2462C10.8111 16.2462 10.9284 16.2228 11.0376 16.1773C11.1469 16.1317 11.2461 16.065 11.3295 15.981L17.4795 9.8295C17.5642 9.74623 17.6316 9.647 17.6778 9.53755C17.724 9.42809 17.7481 9.31057 17.7487 9.19177C17.7492 9.07297 17.7262 8.95523 17.6811 8.84535C17.6359 8.73547 17.5694 8.63562 17.4854 8.55156C17.4015 8.46751 17.3017 8.4009 17.1919 8.3556C17.0821 8.31029 16.9644 8.28718 16.8455 8.28759C16.7267 8.288 16.6092 8.31193 16.4997 8.358C16.3902 8.40407 16.2909 8.47136 16.2075 8.556L10.692 14.0715Z"},{"name":"fill","value":"currentColor"}],"editable":true}},{"_id":"7b63243a-d01f-0d0e-b1d2-eedba7ff71a8","type":"Block","tag":"div","classes":["f0480190-410c-9bb5-5713-3ddca913ff9e"],"children":["ca128d9b-49b1-f382-f5f0-80e5e87a473a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"fd-preview","value":"cancel"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ca128d9b-49b1-f382-f5f0-80e5e87a473a","type":"DOM","tag":"div","classes":["82d77bd2-8fae-746c-927b-57de03b57ccc"],"children":["b7af8bf6-04ba-2049-4b1f-76d99b3b094e"],"data":{"tag":"svg","attributes":[{"name":"xmlns","value":"http://www.w3.org/2000/svg"},{"name":"width","value":"16"},{"name":"height","value":"16"},{"name":"viewBox","value":"0 0 16 16"},{"name":"fill","value":"none"}],"editable":true}},{"_id":"b7af8bf6-04ba-2049-4b1f-76d99b3b094e","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"path","attributes":[{"name":"d","value":"M4.66797 14C4.3013 14 3.98752 13.8696 3.72664 13.6087C3.46575 13.3478 3.33508 13.0338 3.33464 12.6667V4H2.66797V2.66667H6.0013V2H10.0013V2.66667H13.3346V4H12.668V12.6667C12.668 13.0333 12.5375 13.3473 12.2766 13.6087C12.0157 13.87 11.7017 14.0004 11.3346 14H4.66797ZM11.3346 4H4.66797V12.6667H11.3346V4ZM6.0013 11.3333H7.33464V5.33333H6.0013V11.3333ZM8.66797 11.3333H10.0013V5.33333H8.66797V11.3333Z"},{"name":"fill","value":"currentColor"}],"editable":true}},{"_id":"ee30973c-7041-322c-dd97-826b36065e2a","type":"FormBlockLabel","tag":"label","classes":["4fe02d9d-6269-48f4-2ab8-56048608a3d8","a3318208-cb0d-242f-bf0e-c52fbf4a3956"],"children":["620eae0e-c69f-f487-c910-09b8ea1c7373"],"data":{"attr":{"for":"url2","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"620eae0e-c69f-f487-c910-09b8ea1c7373","text":true,"v":"Target Input to update the URL when successful (can be hidden)"},{"_id":"aa80495f-7e0e-a62d-03b0-48ac2d6bac58","type":"FormTextInput","tag":"input","classes":["7873ca3c-9e61-b1f0-dbc3-29d69cb738d7"],"children":[],"data":{"form":{"name":"url2","type":"input","passwordPage":false},"attr":{"id":"url2","name":"url2","maxlength":256,"data-name":"url2","placeholder":"Example Text","disabled":false,"type":"text","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"79d80f09-176f-fea2-03f6-1f8c6c786655","type":"FormSuccessMessage","tag":"div","classes":[],"children":["44f2147c-ce1b-7d61-0015-258cae4a9437"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"44f2147c-ce1b-7d61-0015-258cae4a9437","type":"Block","tag":"div","classes":[],"children":["4db3cea5-7fa0-983a-ee8b-5b274a05b698"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4db3cea5-7fa0-983a-ee8b-5b274a05b698","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"dde8e9b4-9baa-cb96-962c-40fa6ae0f478","type":"FormErrorMessage","tag":"div","classes":[],"children":["89349371-3913-76c2-0278-ca1fa4dd84c8"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"89349371-3913-76c2-0278-ca1fa4dd84c8","type":"Block","tag":"div","classes":[],"children":["4b8cf6c8-8d56-0a37-6dac-40679c2e5f29"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4b8cf6c8-8d56-0a37-6dac-40679c2e5f29","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"983bcf8a-ec05-d1ae-6426-afb2383deb9f","type":"HtmlEmbed","tag":"div","classes":["82f36893-2a55-4b6b-75f4-a359dbfdda4d"],"children":[],"v":"<style>\n  .fd-preview-list-2 > :nth-child(1) {\n    grid-column: span 5; /* Default for larger screens */\n    height: 15rem;\n  }\n\n  @media (max-width: 767px) {\n    /* For tablets (up to 1024px width) */\n    .fd-preview-list-2 > :nth-child(1) {\n      grid-column: span 4;\n    }\n  }\n\n  @media (max-width: 479px) {\n    /* For mobile devices (up to 600px width) */\n    .fd-preview-list-2 > :nth-child(1) {\n      grid-column: span 2;\n    }\n  }\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n  .fd-preview-list-2 > :nth-child(1) {\n    grid-column: span 5; /* Default for larger screens */\n    height: 15rem;\n  }\n\n  @media (max-width: 767px) {\n    /* For tablets (up to 1024px width) */\n    .fd-preview-list-2 > :nth-child(1) {\n      grid-column: span 4;\n    }\n  }\n\n  @media (max-width: 479px) {\n    /* For mobile devices (up to 600px width) */\n    .fd-preview-list-2 > :nth-child(1) {\n      grid-column: span 2;\n    }\n  }\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}}],"styles":[{"_id":"4b194366-e417-35bf-d4b4-2d24991581a6","fake":false,"type":"class","name":"demo-success","namespace":"","comb":"","styleLess":"position: absolute; top: 0.25rem; right: 0.25rem; z-index: 2; display: none; width: 1rem; height: 1rem; border-top-left-radius: 500px; border-top-right-radius: 500px; border-bottom-left-radius: 500px; border-bottom-right-radius: 500px; box-shadow: 0 2px 5px 0 hsla(132, 89.87%, 19.31%, 0.20); color: hsla(144, 100.00%, 37.67%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"d3d1ff8d-1319-d014-ff7a-92b95a488469","fake":false,"type":"class","name":"fd-preview-img-1","namespace":"","comb":"","styleLess":"position: absolute; width: 100%; height: 100%; max-width: none; object-fit: cover;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"b1b924a1-1b9a-f7db-49e5-f4ce4317553b","fake":false,"type":"class","name":"mb-4","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"71c2ecdb-1f90-1727-1334-5b47ae5a0d07","fake":false,"type":"class","name":"fd-text-lg","namespace":"","comb":"","styleLess":"font-size: 1.25rem; line-height: 1.4; font-weight: 500;","variants":{},"children":["caadf7b1-2cdb-dcad-36ef-79e36ad3f6d6"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"b12ef70a-d22c-9720-2333-afa0f205ecfc","fake":false,"type":"class","name":"demo-progress-fill","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; height: 0.5rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"2a2714d6-9713-d4ce-8dce-84a7434a9fd1","fake":false,"type":"class","name":"fd-preview-list-2","namespace":"","comb":"","styleLess":"display: grid; width: 100%; flex-direction: row; flex-wrap: wrap; grid-auto-columns: 1fr; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto;","variants":{"tiny":{"styleLess":"grid-template-columns: 1fr 1fr;"},"small":{"styleLess":"grid-template-columns: 1fr 1fr 1fr 1fr;"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"0eb56ca7-1ded-72ac-1ea4-0b15c806c57e","fake":false,"type":"class","name":"fd-text-sm","namespace":"","comb":"","styleLess":"font-size: 0.875rem; line-height: 1.4;","variants":{},"children":["e60f4a2c-7015-5dc1-1aa6-c79db4c9e3a2","fbf60fa6-08a9-44a3-f1f2-40db4ec514cd","d7ce9bd3-0629-2178-67a8-21fc56a55f36"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"f0480190-410c-9bb5-5713-3ddca913ff9e","fake":false,"type":"class","name":"demo-delete","namespace":"","comb":"","styleLess":"position: absolute; bottom: 0px; z-index: 4; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 44.67%, 0.18); opacity: 0; color: hsla(0, 100.00%, 51.78%, 1.00);","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"62a2a9db-aa50-adb9-060b-a1fbc48df787","fake":false,"type":"class","name":"fd-demo-1","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: stretch; grid-column-gap: 2rem; grid-row-gap: 2rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"bb03ef6f-73d2-ed93-7920-891f8d039fc2","fake":false,"type":"class","name":"fd-form-input-2","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; flex-direction: row; flex-wrap: wrap; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;","variants":{},"children":["b1b924a1-1b9a-f7db-49e5-f4ce4317553b"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"7246597c-f04d-5e42-eb04-fb36e3289347","fake":false,"type":"class","name":"fd-demo-preview-item-2","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; height: 7rem; justify-content: flex-start; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 96.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 96.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 96.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 96.00%, 1.00); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"971759b0-4294-94c2-8aa3-95a428a78b3f","fake":false,"type":"class","name":"svg-full","namespace":"","comb":"","styleLess":"width: 100%; height: 100%;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"67a0a459-958d-43f9-82e1-9ee1b2105475","fake":false,"type":"class","name":"demo-progress","namespace":"","comb":"","styleLess":"position: absolute; bottom: 0px; z-index: 2; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 44.67%, 0.18);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"4fe02d9d-6269-48f4-2ab8-56048608a3d8","fake":false,"type":"class","name":"fd-demo-label","namespace":"","comb":"","styleLess":"margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.3; font-weight: 400;","variants":{},"children":["a3318208-cb0d-242f-bf0e-c52fbf4a3956"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"a3318208-cb0d-242f-bf0e-c52fbf4a3956","fake":false,"type":"class","name":"u-text-midgray","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"d7ce9bd3-0629-2178-67a8-21fc56a55f36","fake":false,"type":"class","name":"mt-2","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"7873ca3c-9e61-b1f0-dbc3-29d69cb738d7","fake":false,"type":"class","name":"demo-input","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"b6118336-0c18-8792-82ba-a30f02d2af9a","fake":false,"type":"class","name":"fd-form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"82f36893-2a55-4b6b-75f4-a359dbfdda4d","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"ba7ff9ba-25f6-f47e-225e-43c0e284bf43","fake":false,"type":"class","name":"progress-fill","namespace":"","comb":"","styleLess":"width: 0%; height: 100%; background-color: hsla(140, 99.12%, 39.51%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"17cdde12-a9c3-9927-008b-28f901b9a3b8","fake":false,"type":"class","name":"fd-demo-upload-trigger-2","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; border-top-style: dashed; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 80.67%, 1.00); border-right-style: dashed; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 80.67%, 1.00); border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 80.67%, 1.00); border-left-style: dashed; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 80.67%, 1.00); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: white;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"6b184546-d21b-9e6b-d11b-b22caf370549","fake":false,"type":"class","name":"is-big","namespace":"","comb":"&","styleLess":"height: auto; font-size: 0.875rem; line-height: 1.6;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"a74f132a-b5c3-e0b3-1d91-d86c9adf7e53","fake":false,"type":"class","name":"text-sm","namespace":"","comb":"","styleLess":"font-size: 0.875rem; line-height: 1.4;","variants":{},"children":["00d56bcf-7f6f-8502-9615-73ea477f9da5","f9d05dd7-0fa1-e5bb-e350-e2ff166dbbb9","c204881b-1e51-882f-5e4c-f05f2d2ba421","f18cc513-397c-3bf2-9d07-497c3fd466a2","9690083c-ce88-5a3e-8ddc-9e6aad5c14a5"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"73b86e18-93b6-c12a-4413-f08cab2d9f70","fake":false,"type":"class","name":"optional-tag","namespace":"","comb":"","styleLess":"height: 1.25rem; margin-left: 0.5rem; padding-right: 0.25rem; padding-left: 0.25rem; justify-content: center; align-items: center; border-top-left-radius: 500rem; border-top-right-radius: 500rem; border-bottom-left-radius: 500rem; border-bottom-right-radius: 500rem; background-color: hsla(20.084745762711865, 60.65%, 93.22%, 1.00); color: #f6590a; font-size: 0.75rem; line-height: 1;","variants":{},"children":["6b184546-d21b-9e6b-d11b-b22caf370549"],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"82d77bd2-8fae-746c-927b-57de03b57ccc","fake":false,"type":"class","name":"svg-large","namespace":"","comb":"","styleLess":"width: 2rem; height: 2rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null},{"_id":"e0c086bd-f55f-246f-b856-32fab93b9a4c","fake":false,"type":"class","name":"fd-upload-widget","namespace":"","comb":"","styleLess":"height: 7rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}

Note: Files uploaded here are automatically deleted daily. Sign up to host your files securely

Add this Script to your Head or Body

Copy this code from your flowdrive dashboard.

<script data-fd-id="your-id" src="https://files.tryflowdrive.com/index.min.js"></script>

Default Flowdrive Widget.

Upload files adding only 2 attributes, with the default

Description

Attributes

Enable Flowdrive widget

Upload files adding only 2 attributes, and others

fd-upload

default

Target Input

Upload files adding only 2 attributes, and others

fd-input

#target,

Allow Multiple FilesOptional

Upload files adding only 2 attributes, and others

fd-multiple

Accept file typesOptional

Add this to the fd-upload div, (image, audio, video, document

fd-type

image

Custom Upload Widget

Upload files adding only 2 attributes, and others

Description

Attributes

Enable the custom widget

Add this to the fd-upload div, (image, audio, video, document

fd-upload

custom

Target the input for the url

Add this attribute to the custom div,
to target a text input using id, class or attributes. e.g. #id

fd-input

target input

File Input(hidden)

Add a file input inside the fd-upload element you can add attribute multiple to the file to accept multiple files

Trigger Element

Add an element inside the custom element to make it your trigger

fd-upload

trigger

Set Max SizeOptional

Add this attribute to your fd-upload custom to specify the max size for upload

fd-max-size

e.g. 1mb

Set accepted filesOptional

Add this attribute to your fd-upload custom to accept some file types, (image, audio, video, document

fd-accept

image

Enable PreviewOptional

Add this attribute to the fd-upload to specify you want to add preview. Add a unique value

fd-preview

unique value

Preview ListOptional

Add this attribute to any element to target the preview list, use the same unique value

fd-preview-list

unique value

Preview ItemOptional

Add this attribute to any element inside the preview list

fd-preview

item

Peview file nameOptional

Add this attribute to any element inside the preview item to show the file name.

fd-preview

name

Preview file sizeOptional

Add this attribute to any element inside the preview item to show the file size.

fd-preview

size

Preview file imageOptional

Add this attribute to any element inside the preview item to show the file preview if it's an image.

fd-preview

img

Preview progress barOptional

Add this attribute to any element inside the preview item to show the progress in width as it uploads

fd-preview

progress-fill

Preview progress numberOptional

Add this attribute to any element inside the preview item to show the progress number as it uploads

fd-preview

progress-number

Cancel uploadOptional

Add this attribute to any element inside the preview item to cancel upload or remove upload items

fd-preview

cancel

Preview file iconsOptional

Add this attribute to any element to show icons of other files when uploaded

fd-preview

icon-wrapper

Hide element on completeOptional

Add this attribute to any element inside the preview item to hide this element when upload is complete

fd-hide-on-complete

Show element on completeOptional

Add this attribute to any element inside the preview item to show this element when upload is complete

fd-show-on-complete

Hide element on failOptional

Add this attribute to any element inside the preview item to hide this element when upload is failed

fd-hide-on-fail

Show element on failOptional

Add this attribute to any element inside the preview item to show this element when upload is failed

fd-show-on-fail

DisplayOptional

Add this attribute to any element in the preview element to specify the display when displayed, default is block.

fd-display

Add element inside the preview listOptional

Add this attribute to your preview list e.g. upload element to make it possible to create unique layouts.

fd-prepend

true