Create Url from UIImage data

Question

I have a UIImageView in my app. I want to display it's image in some html content which I am rendering in app. This is a small html code which displays image in html :

<td class="title"> <img src="#LOGO_IMAGE#" style="width:100%; max-width:300px; background-color: #cdcdcd">
</td>

This is what I am doing in Swift to get url (I am aware this is incorrect) :

let logoString = String(data: imageData, encoding: .utf8)
HTMLContent = HTMLContent.replacingOccurrences(of: "#LOGO_IMAGE#", with: logoString!)

Line number 1 gives me nil.
How may I fix this ?

@KKRocks : I have UIImage data with me. I want to display it on html (html content as shown in the question). — Nitish, May 11 '17 at 18:09
maybe duplicate of this question: http://stackoverflow.com/questions/11251340/convert-between-uiimage-and-base64-string . You can display image with base64 by http://stackoverflow.com/questions/8499633/how-to-display-base64-images-in-html — Morty Choi, May 11 '17 at 18:10
ok you have image that you need to binding with html , right ? — KKRocks, May 11 '17 at 18:10
@user2215977 : Could you suggest possible solution from the link you shared ? — Nitish, May 11 '17 at 18:39

score 0 · Answer 1 · answered May 11 '17 at 18:47

0

let base64String= imageData.base64EncodedStringWithOptions(.allZeros)
let htmlString = "data:image/png;base64, \(base64String)"

You might then load the htmlString.

answered May 11 '17 at 18:47

Morty Choi

2,466
1
18
26

score 0 · Answer 2 · answered May 11 '17 at 19:04

Assuming you have a UIImageView named "theImageView" and a UIWebView named "the WebView", this should do it...

    var myHTMLString = "<html><head></head><body bgcolor=#00ffff><p>This is a test</p><p><img src=\"#LOGO_IMAGE#\" style=\"width:100%; max-width:300px; background-color: #cdcdcd\"></p></body></html>"

    if let img = theImageView.image {

        if let pngRepA = UIImagePNGRepresentation(img) {

            let strBase64 = pngRepA.base64EncodedString(options: [])

            let logoString = "data:image/png;base64, \(strBase64)"

            myHTMLString = myHTMLString.replacingOccurrences(of: "#LOGO_IMAGE#", with: logoString)

        }

    }

    theWebView.loadHTMLString(myHTMLString, baseURL: nil)

Create Url from UIImage data

2 Answers2