{"componentChunkName":"component---src-templates-blog-post-js","path":"/how-do-i-upload-an-image-i-with-my-comment/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"316ebeb6-deb1-5244-8772-d60ef37dcc6c","html":"<br>\n<br>\n<h2>1. Click the image icon on the comment box</h2>\n<p>Select the image you want to upload from your computer. </p>\n<br>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 754px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/66b35e247b08902232e094b9ac263aed/7527b/add-an-image.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 36.66666666666667%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAqElEQVQoz6WQvQoCMRCE88Y+hc9krYUWChZ6hSIiKIKgxXH52+SyYzYKFire4cDHNMsHs2q3nmMxG0Mz4GPEv1Hnwxb7TYUgQgqIWSqETEoJiTl3d5RYQwKaRsMYW7rRpiBCCWdpF4oweQ927uuEfNdPSMcT9KqCtQ7GeThHcP5FbNvH9B/ws9Wttrhca7QxgOidELrhiUC5FcusHn/6NFMyGE0xnCxxBxfjJS4DE6DvAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"add an image\"\n        title=\"add an image\"\n        src=\"/static/66b35e247b08902232e094b9ac263aed/7527b/add-an-image.png\"\n        srcset=\"/static/66b35e247b08902232e094b9ac263aed/8ff5a/add-an-image.png 240w,\n/static/66b35e247b08902232e094b9ac263aed/e85cb/add-an-image.png 480w,\n/static/66b35e247b08902232e094b9ac263aed/7527b/add-an-image.png 754w\"\n        sizes=\"(max-width: 754px) 100vw, 754px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<br>\n<h2>2. Enter a comment or just hit post</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 930px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/424b122bd896b0f795b26da3357e7b5c/416ee/add-an-image-3.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 67.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABgklEQVQ4y6WUP0gCURzHr6m5lpYIIhoaKkFoCWm1ralASQhKXFxqagks+0NIYFGKRSGXl7V0QmFDRQgGGoqDU0Q4O0Sdep7n3X27O9OOIvL0Cz/e473f+/D7/d77PSKXewEPRRLqkiSpZSPy+TzemQKKxRI+GAYsW4YoiuqmqBOmnCPwhxQHvVKBVosVC3YHvN5trG+swjZrQyqdUh0EQWg6ugZwcGgArjUnbqK7CPiWQRAESJJUHarV6r9R/QJe0j5kM6dIJ0/w+nwB9+YiaDryFWELQMuUGcnHIBJPJDIxCqEdN6LXV42UdQN7ursQ9nsQC+4jvuWB3TwJKky1nrJSM8f0DB4ODhE/DsI0OgyKCrUH7O/rBe0P4GjFhc4OAufhswZQ9y0bDSOYMI1jyenEnNWCMaMB93e3TddQG6mgfdilckXtDO0jrXfLvyZKtdaVZGCB5cCVOfA8D46ryFab83K6PF/9HrX2Y00pDSO37FuRBdHOR1BPU9FeIov5SAyf+gUK/zwOVu8AAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"add an image 3\"\n        title=\"add an image 3\"\n        src=\"/static/424b122bd896b0f795b26da3357e7b5c/416ee/add-an-image-3.png\"\n        srcset=\"/static/424b122bd896b0f795b26da3357e7b5c/8ff5a/add-an-image-3.png 240w,\n/static/424b122bd896b0f795b26da3357e7b5c/e85cb/add-an-image-3.png 480w,\n/static/424b122bd896b0f795b26da3357e7b5c/416ee/add-an-image-3.png 930w\"\n        sizes=\"(max-width: 930px) 100vw, 930px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<br>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 925px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4eb56515a433bac15c6a55b962bf7b0e/2a50c/add-an-image-2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 59.583333333333336%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7DAAAOwwHHb6hkAAABn0lEQVQoz5WSS0gCURSGB3osWte2RbQoom1EtIqKIvExqRWBA5HpIkp64CralCVWmJaa2oPMKXsRtcrUIo0itSKKWtWmTWtbjY5/zoBQEDYeOPfC4d7v/uf+h3h7ecBXIoFcwbIs0um0oCQ+P94xY5iGTEZCoeyBRjMA05wBWq0WFKVCOBzmoalUCkKC4BYpSYIgCKj65LCvTCLkt6C9o4mvuVxO/iDDMMIUJjMHl91OHJw48Py4i/uYB69PO7g6d6Kmtgput4sHJpNJ4Qr1ej32vLO4vHAgElpCPLqKl6dtbNEW0DSdP1AiFoHqlCB+S+M66sVddB+xIw8WhgYzUG/+QBkpRXlZKQ43bYjQVvinphGZW4S8oQF2hy1/oFIh5w3QqdUImsw4Nc4jYLWhurICzhV7/sDuLiUPbKyvw7HdgRvfAXxGE0oKCGxurOcEcs5md97l7B9ywKLiQkz0q+EzL0HU0szX1n64nGtcfimcMUyhrbUZpESMEd0wxsdGQfX2QCpqRzBwJmiw2azCn3Q2zV1k/2zrv2QyHXCPfgP0mzsiqXresgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"add an image 2\"\n        title=\"add an image 2\"\n        src=\"/static/4eb56515a433bac15c6a55b962bf7b0e/2a50c/add-an-image-2.png\"\n        srcset=\"/static/4eb56515a433bac15c6a55b962bf7b0e/8ff5a/add-an-image-2.png 240w,\n/static/4eb56515a433bac15c6a55b962bf7b0e/e85cb/add-an-image-2.png 480w,\n/static/4eb56515a433bac15c6a55b962bf7b0e/2a50c/add-an-image-2.png 925w\"\n        sizes=\"(max-width: 925px) 100vw, 925px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<br>\n<br>\n<br>\n<p>To delete or change the image, click “Remove” the click the image icon again to select a new image form your computer</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 751px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4622bb48c954832a04214d1ec758423d/c483d/remove-image.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 92.08333333333334%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACRUlEQVQ4y6VUzWsTQRzd2sR6M5TaKPgHiOjJi3jUay9V8aAnETyoEAltEGw2ItqqsakNNFZbKralEppNYpLGL2JjMGg+mjafpRUKgiUeEzGbbL6eM6MGPNju6sBjd2Yfb39vZn6PW0t+RCoRRQlApVbD/w7u83oaG2tZUCmpWkW93iCoMzQaDYKmfDSb4JpESKxIKBQKKBa/kWfxJ8i7JEloEpJcMEE5NihZLo/L5XIwmXgMDBih1/fBYhmG5cEIeKMRPG9EPp9nZGp/q+pagi6XCxzHYY+2E+cvnsW4rQ8Tj3ns1mjYejKZZGS6p9s5YIKBxSD6Tf3wL9jwaX0BK4ln2Fi1486gHiqVCul0Spmgz/8Co9abWIo+QeCVFZHQGGJhG1YzdlzSXUA8FlcmKDgFHDl4AMGXUwi9e4jljBPRyCwyQQG3DTrEE0vKBD1eD3apVRi6pkckPIuw+xECo8NYHLqPE4cPIZZQWKHP52Wbf/zYUbitVgRu3MLrQTPc98zYv68by0or9Ho8aGsjp9ypgdlgwJvxCYRm5jCiuwrVDg7ZdFqhILXcocZOdTvOnDqJ0NRTfJiew7neXrSTynPZbEtQ1j10u5zMMsXe7i5cv3wFp3t6oNV2sbVUavt7+EenbG5+geCYx3Mi7BIE2B0OuGem4Z+chHPeTnq60CLL6uWGjD793XZ/Sxn6rUZSqkZccF+/S8gXS6iURZREEaJYhlj+BTKniVMlsbYVJKlKPTBw9A91lnv/BloZHfzbGO6+X8EP/MUEHVE1UaQAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"remove image\"\n        title=\"remove image\"\n        src=\"/static/4622bb48c954832a04214d1ec758423d/c483d/remove-image.png\"\n        srcset=\"/static/4622bb48c954832a04214d1ec758423d/8ff5a/remove-image.png 240w,\n/static/4622bb48c954832a04214d1ec758423d/e85cb/remove-image.png 480w,\n/static/4622bb48c954832a04214d1ec758423d/c483d/remove-image.png 751w\"\n        sizes=\"(max-width: 751px) 100vw, 751px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>","frontmatter":{"title":"How do I upload an image with my comment?","date":"August 23, 2019","category":"Commenting","tags":["Submitting & Editing"],"shortDescription":"Learn how to add an image to your comment"}}},"pageContext":{"id":"316ebeb6-deb1-5244-8772-d60ef37dcc6c"}}}