Good morning

Doing a little macOS app to generate posting barcode labels....where it takes inputs from textfields and generates the required GET method URL string like:

https://mybarcodeserver.ch/label.php?name1=Richard&name2=&pobox=&street=Mainstreet&number=1a&street2=&zip=9999&city=Hometown

This works fine...but as soon I want to use variables inside the string with (name) and so on...the URL isn't even called...nor a warning/error is thrown....

Is there a better way to load images via URL GET method? Downside of AsyncImage is that I can't force a refresh with a button in the same view....

thanks in advance richard

Please show the code where you are performing the string interpolation.

This is the AsyncImage part:

AsyncImage(url: URL(string: "https://mybarcodeserver.ch/label.php?name1=\(name)&name2=\(name2)&pobox=&street=\(street)&number=\(number)&zip=\(zip)&city=\(city)&fragile=f&economy=f&signature=f")) { phase in
                    switch phase {
                        case .empty:
                            ProgressView()
                        case .success(let image):
                            image.resizable()
                                 .aspectRatio(contentMode: .fit)
//                                 .frame(maxWidth: 500, maxHeight: 350)
                        case .failure:
                            Image(systemName: "photo")
                        @unknown default:
                            EmptyView()
                        }
                }

So basic debugging technique. Did you try creating a standalone string and populating the URL with this string?

// Paste into Playgrounds to verify your URL. Hope you did this?
// Did you skip the pobox for a reason? 
// If you missed the pobox, does this become an invalid URL ?

let name     = "Tim"
let name2    = "Cook"
let street   = "Infinite Loop"
let number   = "1"
let zip      = "90210"  // Probably Beverly Hills
let city     = "Cupertino"
let myURL: String  { 
  "https://mybarcodeserver.ch/label.php?"
+ "name1="   + name
+ "&name2="  + name2
+ "&pobox="  + ""      // This is empty in your code?
+ "&street"  + street
+ "&number=" + number
+ "&zip="    + zip
+ "&city="   + city
+ "&fragile=f&economy=f&signature=f"
}

myURL  // <-- Verify your URL

// When verified, insert into the Async
AsyncImage(url: URL(string: myURL)) { phase in   // .... snip .....

Richard is annoyed and maps a path for learning a new technique:

Only annoying [thing] is that for every key press in a TextField AsyncImage is called....have to think about another solution to only show AsyncImage on demand..

Are ye familiar with debounce and throttle?

No?

Hang on tight, this is your opportunity to learn from another brilliant SwiftUI developer!

Debouncing is the process of accepting user input from a TextField, then executing some code. The debounce technique, however, only executes the code after a predetermined delay from the last time it executed the code.

So, if your user is entering the city Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch into the ort textfield, your code won't execute as each letter is typed! You can configure the debounce code to only execute when the user pauses for a predetermined delay. Ausgezeichnet!

Come back and let us know how you implemented your solution!

See-> Debouncing User Input <- The other brilliant developer. (Not me!!)

See-> Visit Beautiful Wales

Never said I was annoyed ;-)

Okay..just watched the video...and seems "debounce" is the way to go....

One drawback though with AsyncImage:

Loading a new image doesn't show ProgressView() anymore in phase .empty when an image has been loaded before...as it isn't "empty" anymore of course (o;

Is there a way to clear the loaded image?

Did you edit your post?

I am almost quite sure that I quoted you directly:

Only annoying [thing] is that for every key press in a TextField AsyncImage is called....have to think about another solution to only show AsyncImage on demand..