NSImage FROM base64 string

plasm

Hi everyone.
I have a string in base64 and I have to convert it to NSImage.
I've tried and tried but I haven't found anything that solves my problem.
Can anyone help me? Thank you.

I insert part of the code here

This works but with a file path on the file system
let imageurl_nsurl = NSURL.alloc().initWithString(data.attrs.image.url); let dataImage = NSImage.alloc().initByReferencingURL(imageurl_nsurl);

But here dataImage how do I value it?
`
let base64String = data.attrs.image.url;
let dataImage = NSImage ....;

options.style = new STYLE({
    fills: [{
        color: data.attrs.background,
        fillType: STYLE.FillType.Pattern,
        pattern:{
          patternType: STYLE.PatternFillType.Fill, // Fill, Fit
          image: dataImage
        }
    }],
    borders: [{
        color: lightenDarken(data.attrs.background, -0.3),
        fillType: STYLE.FillType.Color,
        position: STYLE.BorderPosition.Inside,
    }],
})`

abynim

Did you try this already?

let imageData = NSData.alloc().initWithBase64EncodedString_options(base64String, NSDataBase64DecodingIgnoreUnknownCharacters);
let image = NSImage.alloc().initWithData(imageData);

mathieudutour

You can pass the base64 string directly to the image:

pattern: {
  patternType: STYLE.PatternFillType.Fill, // Fill, Fit
  image: { base64: base64String }
}

(https://developer.sketch.com/reference/api/#create-a-new-image)

plasm

ohhh thanks, it works great!
I tried both ways and they both work, thanks!
<3

kevgski

I’m trying to do the opposite: take a layer and create an NSImage from it.

let sketch = require('sketch')
let document = sketch.getSelectedDocument()
let symbol = document.getSymbols()[0]
let symbolImg = sketch.export(symbol, { format: 'jpg', output: false })

let data = NSData.alloc().initWithBytes_length(symbolImg, symbolImg.length)
let nsImage = NSImage.alloc().initWithData(data)
console.log(nsImage)

I tried to do this but sketch crashes. How do I convert the symbolImg buffer to a NSData object?

mathieudutour

The Buffer from Sketch is special, it has a .toNSData() method 🙂

kevgski

Ahhhh that helps. How magical. Where might I be able to find that documented? Oh btw the Buffer object gets logged funny. I should make an issue for that.

o bj ec t Mo ch a

mathieudutour

https://github.com/skpm/buffer/blob/master/README.md hahaha

kevgski

Hahah gotchaaa. Perhaps a good spot for that is near the exports section in the API documentation.