HTML Image will not display? Guidance, Anyone? IOS

Discussion Forums > WebViews and HTML for Mobile

Replies: 9 Views: 109

Rad Doc Apple Fan Posts: 653 Reg: Oct 08, 2010 USA, NYC 8,580	confirm \| cancel 01/25/13 04:04 AM (11 years ago) HTML Image will not display? Guidance, Anyone? IOS Hey, So i've got about 100 .docx medical files that i've been converting to htm pages to be displayed in my application. When applied to my app, i always get a question mark in place of my image. I've placed the images into the image folder and i get the ?, i place them with the htm file in the docs folder and get the ?. I've read through the htm code and its calling the image. I've read throughout the forum posts and they really all say the same thing to place n these folders. Would I be able to send someone my file and image to test. Im at this htm process for a week now and I've lost it. Don't know where else i can possibly go with this. Here is the html; <html> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1252"> <meta name=Generator content="Microsoft Word 14 (filtered)"> <style> <!-- /* Font Definitions / @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0;} @font-face {font-family:"Cambria Math"; panose-1:0 0 0 0 0 0 0 0 0 0;} @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4;} @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4;} @font-face {font-family:Verdana; panose-1:2 11 6 4 3 5 4 4 2 4;} / Style Definitions / p.MsoNormal, li.MsoNormal, div.MsoNormal {margin-top:0in; margin-right:0in; margin-bottom:10.0pt; margin-left:0in; line-height:115%; font-size:11.0pt; font-family:"Calibri","sans-serif";} p {margin-right:0in; margin-left:0in; font-size:12.0pt; font-family:"Times New Roman","serif";} p.MsoAcetate, li.MsoAcetate, div.MsoAcetate {mso-style-link:"Balloon Text Char"; margin:0in; margin-bottom:.0001pt; font-size:8.0pt; font-family:"Tahoma","sans-serif";} span.BalloonTextChar {mso-style-name:"Balloon Text Char"; mso-style-link:"Balloon Text"; font-family:"Tahoma","sans-serif";} .MsoChpDefault {font-family:"Calibri","sans-serif";} .MsoPapDefault {margin-bottom:10.0pt; line-height:115%;} @page WordSection1 {size:8.5in 14.0in; margin:1.0in 1.0in 1.0in 1.0in;} div.WordSection1 {page:WordSection1;} / List Definitions / ol {margin-bottom:0in;} ul {margin-bottom:0in;} --> </style> </head> <body bgcolor=black lang=EN-US> <div class=WordSection1> <p><b><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Positioning</span></b></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>1714 (To ensure imaging of both AC joints)</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>72 SID</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Position patient upright against wall unit</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Center patients MSP to center of wall unit</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Collimate to ensure that both clavicles are included</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>2 separate exposures</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Patients arm relaxed at side</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Patient bearing 5 lb. weights in each hand</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Avg. CR technique - 12.5 mAs @ 65 kVp</span></p> <p style='margin-left:.25in'><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'> </span></p> <p><strong><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Central Ray</span></strong></p> <p style='margin-left:.25in;text-indent:-.25in'><strong><span style='font-size: 30.0pt;font-family:Symbol;color:white;font-weight:normal'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span></strong><strong><span style='font-size:30.0pt;font-family:"Verdana","sans-serif";color:white; font-weight:normal'>Perpendicular to the MSP of the patient ensuring that both AC joints are included on the film</span></strong></p> <p style='margin-left:.25in'><strong><span style='font-size:30.0pt;font-family: "Verdana","sans-serif";color:white;font-weight:normal'> </span></strong></p> <p><strong><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Structures Shown</span></strong></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Bilateral AC Joints</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Weight Bearing</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Non-Weight Bearing</span></p> <p><span style='font-size:30.0pt;font-family:"Verdana","sans-serif";color:white'><img width=221 height=332 id="Picture 1" src="acjoints_files/image001.jpg" alt="Description: IMG_4690.jpg"></span></p> <p><b><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'><img width=457 height=123 id="Picture 0" src="acjoints_files/image002.jpg" alt="Description: ac joints.JPG"></span></b></p> <p><span style='font-size:30.0pt;font-family:"Verdana","sans-serif";color:white'> </span></p> <p class=MsoNormal><span style='font-size:30.0pt;line-height:115%;font-family: "Verdana","sans-serif";color:white'> </span></p> </div> </body> </html> Title Comments Hey, So i've got about 100 .docx medical files that i've been converting to htm pages to be displayed in my application. When applied to my app, i always get a question mark in place of my image. I've placed the images into the image folder and i get the ?, i place them with the htm file in the docs folder and get the ?. I've read through the htm code and its calling the image. I've read throughout the forum posts and they really all say the same thing to place n these folders. Would I be able to send someone my file and image to test. Im at this htm process for a week now and I've lost it. Don't know where else i can possibly go with this. Here is the html; <html> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1252"> <meta name=Generator content="Microsoft Word 14 (filtered)"> <style> <!-- /* Font Definitions / @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0;} @font-face {font-family:"Cambria Math"; panose-1:0 0 0 0 0 0 0 0 0 0;} @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4;} @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4;} @font-face {font-family:Verdana; panose-1:2 11 6 4 3 5 4 4 2 4;} / Style Definitions / p.MsoNormal, li.MsoNormal, div.MsoNormal {margin-top:0in; margin-right:0in; margin-bottom:10.0pt; margin-left:0in; line-height:115%; font-size:11.0pt; font-family:"Calibri","sans-serif";} p {margin-right:0in; margin-left:0in; font-size:12.0pt; font-family:"Times New Roman","serif";} p.MsoAcetate, li.MsoAcetate, div.MsoAcetate {mso-style-link:"Balloon Text Char"; margin:0in; margin-bottom:.0001pt; font-size:8.0pt; font-family:"Tahoma","sans-serif";} span.BalloonTextChar {mso-style-name:"Balloon Text Char"; mso-style-link:"Balloon Text"; font-family:"Tahoma","sans-serif";} .MsoChpDefault {font-family:"Calibri","sans-serif";} .MsoPapDefault {margin-bottom:10.0pt; line-height:115%;} @page WordSection1 {size:8.5in 14.0in; margin:1.0in 1.0in 1.0in 1.0in;} div.WordSection1 {page:WordSection1;} / List Definitions / ol {margin-bottom:0in;} ul {margin-bottom:0in;} --> </style> </head> <body bgcolor=black lang=EN-US> <div class=WordSection1> <p><b><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Positioning</span></b></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>1714 (To ensure imaging of both AC joints)</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>72 SID</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Position patient upright against wall unit</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Center patients MSP to center of wall unit</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Collimate to ensure that both clavicles are included</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>2 separate exposures</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Patients arm relaxed at side</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Patient bearing 5 lb. weights in each hand</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Avg. CR technique - 12.5 mAs @ 65 kVp</span></p> <p style='margin-left:.25in'><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'> </span></p> <p><strong><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Central Ray</span></strong></p> <p style='margin-left:.25in;text-indent:-.25in'><strong><span style='font-size: 30.0pt;font-family:Symbol;color:white;font-weight:normal'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span></strong><strong><span style='font-size:30.0pt;font-family:"Verdana","sans-serif";color:white; font-weight:normal'>Perpendicular to the MSP of the patient ensuring that both AC joints are included on the film</span></strong></p> <p style='margin-left:.25in'><strong><span style='font-size:30.0pt;font-family: "Verdana","sans-serif";color:white;font-weight:normal'> </span></strong></p> <p><strong><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Structures Shown</span></strong></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Bilateral AC Joints</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Weight Bearing</span></p> <p style='margin-left:.25in;text-indent:-.25in'><span style='font-size:30.0pt; font-family:Symbol;color:white'>∑<span style='font:7.0pt "Times New Roman"'>   </span></span><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'>Non-Weight Bearing</span></p> <p><span style='font-size:30.0pt;font-family:"Verdana","sans-serif";color:white'><img width=221 height=332 id="Picture 1" src="acjoints_files/image001.jpg" alt="Description: IMG_4690.jpg"></span></p> <p><b><span style='font-size:30.0pt;font-family:"Verdana","sans-serif"; color:white'><img width=457 height=123 id="Picture 0" src="acjoints_files/image002.jpg" alt="Description: ac joints.JPG"></span></b></p> <p><span style='font-size:30.0pt;font-family:"Verdana","sans-serif";color:white'> </span></p> <p class=MsoNormal><span style='font-size:30.0pt;line-height:115%;font-family: "Verdana","sans-serif";color:white'> </span></p> </div> </body> </html>

Black White I hate code! Posts: 292 Reg: Feb 22, 2012 hanoi 4,770	01/25/13 04:10 AM (11 years ago) Images will show if you link: <img src="images.png"> Hope it help u --Hoang-- Comments Images will show if you link: <img src="images.png"> Hope it help u --Hoang--

Rad Doc Apple Fan Posts: 653 Reg: Oct 08, 2010 USA, NYC 8,580	01/25/13 04:13 AM (11 years ago) Hoang, But where would i make the modification? Comments Hoang, But where would i make the modification?

Black White I hate code! Posts: 292 Reg: Feb 22, 2012 hanoi 4,770	01/25/13 04:17 AM (11 years ago) Drag images in BT_doc too Comments Drag images in BT_doc too

Rad Doc Apple Fan Posts: 653 Reg: Oct 08, 2010 USA, NYC 8,580	01/25/13 04:24 AM (11 years ago) did that already..Same thing Comments did that already..Same thing

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	01/25/13 05:07 AM (11 years ago) I hate word as an HTML processor. That said, you gotta do whatcha gotta do. Where is says things like: src="acjoints_files/image002.jpg That isn't going to fly. They need to be in the root. so, dump these images in your BT_image directory, and call them kinda like: src="image002.jpg" and get rid of the 'acjoints_files' directory. It's messing you up. Take a gander at this document. It may not address your problem specifically (although I did, heh) but it's good all around information. I got it from the 'how to' section of the BT Website. It has a lot of good information. Probably too much, heh. Let us know if things work out, or more importantly, if things DON'T work out... https://www.buzztouch.com/files/howtos/Adding_Files_To_A_Project_v1.0.pdf Cheers! -- Smug (In casual conversation, I notice your nickname is 'Rad Doc'. Seeing as how these files look medical, I'm guessing you're a Radiologist? Or Technician? I worked out here as a Fujifilm Medical TechRep for Asia Pacific for a few years... I did all kinds of Radiology Installations and Wide Area PACS networking for the Military) Comments I hate word as an HTML processor. That said, you gotta do whatcha gotta do. Where is says things like: src="acjoints_files/image002.jpg That isn't going to fly. They need to be in the root. so, dump these images in your BT_image directory, and call them kinda like: src="image002.jpg" and get rid of the 'acjoints_files' directory. It's messing you up. Take a gander at this document. It may not address your problem specifically (although I did, heh) but it's good all around information. I got it from the 'how to' section of the BT Website. It has a lot of good information. Probably too much, heh. Let us know if things work out, or more importantly, if things DON'T work out... https://www.buzztouch.com/files/howtos/Adding_Files_To_A_Project_v1.0.pdf Cheers! -- Smug (In casual conversation, I notice your nickname is 'Rad Doc'. Seeing as how these files look medical, I'm guessing you're a Radiologist? Or Technician? I worked out here as a Fujifilm Medical TechRep for Asia Pacific for a few years... I did all kinds of Radiology Installations and Wide Area PACS networking for the Military)

Fingers Crossed Veteran developer Posts: 234 Reg: Jan 16, 2012 Simcoe, ON 6,390	01/25/13 07:56 AM (11 years ago) I'm just checking... you do know that Buzztouch will support MS Doc files with the free plugin? You could just plop the files in XCode and display them directly. Just a thought. Comments I'm just checking... you do know that Buzztouch will support MS Doc files with the free plugin? You could just plop the files in XCode and display them directly. Just a thought.

Rad Doc Apple Fan Posts: 653 Reg: Oct 08, 2010 USA, NYC 8,580	01/25/13 08:26 AM (11 years ago) Tried that just looks like 3 seperate pages instead of one document. Comments Tried that just looks like 3 seperate pages instead of one document.

Rad Doc Apple Fan Posts: 653 Reg: Oct 08, 2010 USA, NYC 8,580	01/25/13 09:27 AM (11 years ago) @Smug, I did what you said and it totally worked. Thank you very much for your help. Comments @Smug, I did what you said and it totally worked. Thank you very much for your help.

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	01/25/13 02:11 PM (11 years ago) Glad it worked for you! Cheers! -- Smug Comments Glad it worked for you! Cheers! -- Smug

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.

Discussion Forums > WebViews and HTML for Mobile

HTML Image will not display? Guidance, Anyone? IOS

Title

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments