{"id":1468,"date":"2025-08-24T07:05:13","date_gmt":"2025-08-24T07:05:13","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit-laravel\/?p=1468"},"modified":"2026-01-02T04:42:03","modified_gmt":"2026-01-02T04:42:03","slug":"how-to-resolve-image-display-problems-on-web","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/how-to-resolve-image-display-problems-on-web\/","title":{"rendered":"How to Resolve Image Display Problems on Web?"},"content":{"rendered":"<div class=\"nolwrap\">\n<h3 class=\"wp-block-heading\">\ud83d\udd37 For Fresh Installation Users<\/h3>\n\n\n\n<p>If you are starting your project fresh and images are not displaying:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Follow the <strong>Fresh Installation<\/strong> steps (<a href=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/installation\/automatic-installation\">automatic<\/a> or <a href=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/installation\/manual-installation\">manual<\/a>) from the documentation.<\/li>\n\n\n\n<li>If images still don\u2019t display, set proper image permissions via your server terminal:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">find . -type f -exec chmod 664 {} +<br>find . -type d -exec chmod 775 {} +<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This ensures all image files and directories are readable and writable by the system.<\/li>\n\n\n\n<li>After this, images should display correctly.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd37 For Existing Users Updating Code to Version 2.0.0<\/h3>\n\n\n\n<p>If you updated your code and images are not displaying properly:<\/p>\n\n\n\n<p><strong>1. Verify Pre-Update Steps<\/strong><br>Make sure you followed the <strong>Mandatory Pre-Update Guide<\/strong>:<br><a href=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/mandatory-pre-update-guide-major-update\/mandatory-pre-update-steps-for-web\">Pre-Update Steps for Web<\/a><\/p>\n\n\n\n<p><strong>2. Run Database Migrations<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php artisan migrate<\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Do not continue if this command fails.<\/p>\n<\/blockquote>\n\n\n\n<p><strong>3. Organize Existing Media Files<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php artisan media:organize<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This migrates your old media files into the new media directory structure.<\/li>\n\n\n\n<li>After completing these steps, your images should display properly.<\/li>\n<\/ul>\n\n\n\n<p>\u26a0\ufe0f <strong>Note: If images are still not displaying after following Step 3<\/strong><\/p>\n\n\n\n<p>1. Navigate to the <strong>public<\/strong> directory and rename the existing storage symlink to <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>storage-old<\/code><\/pre>\n\n\n\n<p>2. Recreate the storage symlink by running the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php artisan storage:link<\/pre>\n\n\n\n<p>After completing these steps, the image storage link will be refreshed and images should display correctly.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd37 For Fresh Installation Users If you are starting your project fresh and images are not displaying: find . -type f -exec chmod 664 {} +find . -type d -exec chmod 775 {} + \ud83d\udd37 For Existing Users Updating Code to Version 2.0.0 If you updated your code and images are not displaying properly: 1. [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":165,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1468","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/1468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/comments?post=1468"}],"version-history":[{"count":12,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/1468\/revisions"}],"predecessor-version":[{"id":1487,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/1468\/revisions\/1487"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/165"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/media?parent=1468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/categories?post=1468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/tags?post=1468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}