Clothing Images

Config

Set enabled = true to turn on clothing images.

return {
   Images          = {
        enabled          = false,
        baseUrl          = 'https://cfx-nui-clothing-images/images/clothing',
        componentPattern = '{gender}_{id}_{drawable}.png',
        propPattern      = '{gender}_prop_{id}_{drawable}.png',
    },
}

Download dependencies

• um-thumbnail-clothing (fork of fivem-greenscreener)
• screencapture

Setup

1. Drag and drop the um-thumbnail-clothing folder into your resources main folder.
2. Don't add anything to your server.cfg to start the script.
3. Make sure your resources main folder contains only the um-thumbnail-clothing folder, with no other folders or files inside it.

Usage

Static Upload

1. Join the game, press F8 and run ensure um-thumbnail-clothing.
2. Press ALT + Enter to switch the game to windowed mode (or set it in the game settings). Otherwise the images won't be captured correctly when you ALT + Tab.
3. Run /screenshot to start taking screenshots.
4. When the process is complete, copy the um-thumbnail-clothing > images folder.
5. Download clothing-images here and paste the thumbnail images into clothing-images > images > clothing.
6. Add ensure clothing-images to your server.cfg.

Fivemanage Upload (remote)

1. In um-thumbnail-clothing > config.json, set "remoteUploadFiveManage" to true.
2. Log in to Fivemanage.
3. Create an images token from the Dashboard and name it clothing.
4. Go to file storage, create a new folder and name it clothing.
5. Add your Fivemanage token to your server.cfg: set fivemanage:key "YOUR_TOKEN".
6. Join the game, press F8 and run ensure um-thumbnail-clothing.
7. Press ALT + Enter to switch the game to windowed mode (or set it in the game settings). Otherwise the images won't be captured correctly when you ALT + Tab.
8. Run /screenshot to start taking screenshots.
9. When the process is complete, um-clothing > config.lua > Images > baseUrl set to your fivemanage url.