Svg images and it's content data

Support
1

Hello,

Is there any way to access asset content via asset scripts? What I need is to create metadata with width and height for svg images.

One way to do it is to use getJSON function to use external api to determine width and height and then put it to metadata. Is any other option to do it?

Greetings.

2

I just added it to the docs: https://docs.squidex.io/id-02-documentation/developer-guides/scripting#helper-methods

I would use the getAssetText method and a little bit of regex.

1 Like
3

Thank You @Sebastian!

1 Like
4

Hello,

getAssetText always returns ‘noAsset’ string, I’ve tested it with create asset script. When using id of asset that is already uploaded (and smaller than 4MB) also getting the same response.

5

Can you post your script?

6

Of course:

var id = ctx.assetId
// or var id = some_existing_svg_asset_id

if (ctx.asset.mimeType === 'image/svg+xml') {
    getAssetText(id, function(result) {

        ctx.command.metadata['content'] = result
        ctx.command.metadata['id'] = id

        replace();
    });
}
7

Sorry, the documentation was wrong here.

It should be getAssetText(ctx.asset)

1 Like
8

I think this would be general extension, that would be a useful general extension to support metadata for svgs. If you want you can provide a pull request. You just have to implement this interface: https://github.com/Squidex/squidex/blob/master/backend/src/Squidex.Domain.Apps.Entities/Assets/IAssetMetadataSource.cs

1 Like
9

Now It works :slight_smile: almost…

I can’t write metadata:

ctx.command.metadata[‘pixelWidth’] = width;

got error ‘FieldAccessExeption’, I’m assuming that pixelWidth/Height is reserved metadata name and I can’t write to it? Is any way to do it?

10

WHich version are you using?

11

{“version”:“7.12.0.0”}

12

Okay. I will have a look. Could be a limitation with the script engine.

1 Like
13

Thanks, I think it’s the case - writing metadata with name ‘pixelwidth’ works ok ‘pixelWidth’ returns an error.

14

I fixed the problem and added automatic SVG metadata extraction.

15

Thank You, great work!

1 Like