Launching on Product Hunt this Friday ❤️🙏
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.
<!--Flowdrive v0.1.0-->
<script data-fd-id="your-id" src="https://files.tryflowdrive.com/index.min.js"></script>
<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
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