Embedded images not showing up

Jump to solution
eschoch
Community Novice

A few other teachers and I are having issues with our embedded images in our quizzes not showing up when the students go to take them. When I click to "Preview" the quiz myself, I can see them, but none of my students can. Help?

5 Solutions
awilliams
Instructure Alumni
Instructure Alumni

Hey  @eschoch ​, can you provide a little bit more information so we can give you the best answer.

1) Can you use student view to see if there is a "lock" icon where the image should be? (What is Student View?​)

- If you are seeing a "lock" icon where the picture should be you need to change the publish state of the file. Check out How do I restrict files and folders to students in Canvas? for more information about that.

2) If you aren't seeing a "lock" icon in place of the image when in student view, or correcting the publish state of the file doesn't correct the issue, can you describe the steps you're using to add these images?

Thanks!

View solution in original post

Thanks for replying so quickly, awilliams​! The other teachers were having locks show up on their images, so I forwarded your response to them and it should work.

I looked in student view and the pictures are showing up, then logged in as one of my students and the pictures are showing up for her now as well. I also gave the quiz in the morning and none of the students said anything, so maybe it was a strange temporary glitch? Here's the icon that was showing up instead of the pictures: broken_internet_image_icon_poster-r0a8517b32a704c618ef72685782dc663_a3uq_8byvr_324.jpg

I uploaded the pictures while making the quiz by going to "Images" on the content bar on the right side of the screen, then clicking the "Upload a new image" button and uploading the images (they were png's in case that might be part of the problem), then clicking on them to put them in the rich content editor.

View solution in original post

ericg
Community Novice

I have had the same problem but found a weird workaround (at least for my case).

  1. Have the students open the quiz and then right-click on any broken image icon.  A context menu should pop up and in that menu they should select "open in a new tab" or "view" or "download", depending on the browser.
  2. The students should then totally ignore that new tab or viewed image.  On one type of browser it asked to navigate away from the page.  This is OK.
  3. Finally, the students should then just refresh the browser quiz page.  For those that had to navigate away, just enter the quiz again.  For my students, all the missing images then magically loaded on the quiz.

I hope that this helps someone diagnose the problem and maybe find a better cure!

View solution in original post

0 Likes

Hi, if you copied the course, it's possible the images were not copied along, and the link for these images actually points to the old course (you have access to the old course, your students don't).  If you right-click the image in your browser and use "Inspect Element", or the equivalent in your browser, you might see something like this in the code (the img means image).

<img src="https://yourschool.instructure.com/courses/1234/photo.jpg" ..... >

Make sure the courses/1234 part matches what you see when you are on the course homepage of your course (in the address bar at the top of the screen).  If the numbers are different, the images are in the wrong course and need to be fixed!

View solution in original post

cindyk
Community Participant

After much trouble-shooting, it appears the issue is about using iPads and Safari.  Apple interferes with image content and does not load them.  We have to change settings on the iPads and effectively disable Safari.  Then the images load.  I am curious if this issues appears in other circumstances.

View solution in original post