mofalkmusic
mofalkmusic
PostsComments
TTCTheo's Typesafe Cult
Created by A. Sehrik on 10/10/2024 in #questions
UT | Express.js | onUploadComplete doesn't trigger at all
no i was being dumn. it doesnt work in local dev for me but works in prod gg
3 replies
TTCTheo's Typesafe Cult
Created by A. Sehrik on 10/10/2024 in #questions
UT | Express.js | onUploadComplete doesn't trigger at all
same issue!
3 replies
TTCTheo's Typesafe Cult
Created by Tanner Barcelos on 11/16/2024 in #questions
How to modify the fetch function for client uploads so I can include credentials
@Tanner Barcelos heyo, just worked through this on my end. may not be what you need but i thought id send here. this worked for me: 
<UploadDropzone :config="{
    config: {
        mode: 'manual',
        appendOnPaste: true,
    },
    headers: () => ({ 'authorization': `Bearer ${state.access_token}` }), // headers here!!
    endpoint: 'imageUploader',
    onClientUploadComplete: (file) => {
        console.log('uploaded', file)
        alert('Upload complete')
    },
    onUploadAborted: () => {
        // todo: handle refresh on 403 ?
        alert('Upload Aborted')
    },
    onUploadError: (error) => {
        console.error(error, error.cause)
        alert('Upload failed')
    },
}" />
<UploadDropzone :config="{
    config: {
        mode: 'manual',
        appendOnPaste: true,
    },
    headers: () => ({ 'authorization': `Bearer ${state.access_token}` }), // headers here!!
    endpoint: 'imageUploader',
    onClientUploadComplete: (file) => {
        console.log('uploaded', file)
        alert('Upload complete')
    },
    onUploadAborted: () => {
        // todo: handle refresh on 403 ?
        alert('Upload Aborted')
    },
    onUploadError: (error) => {
        console.error(error, error.cause)
        alert('Upload failed')
    },
}" />
I realize you were worried more about http only cookies but yea IDK 😄 maybe this helps maybe na
4 replies
TTCTheo's Typesafe Cult
Created by Tanner Barcelos on 11/16/2024 in #questions
How to modify the fetch function for client uploads so I can include credentials
update, issue is not the same. i am getting cookies on my backend all good: 
const uploadRouter = {
    imageUploader: uploadThing({
        image: {
            maxFileSize: "2MB",
            maxFileCount: 1,
        },
    })
        .middleware(async ({ req, res }) => {
            console.log(req.cookies) // works fine... 
            return
        })
        .onUploadComplete((data) => {
            console.log("upload completed", data)
        })
} satisfies FileRouter
const uploadRouter = {
    imageUploader: uploadThing({
        image: {
            maxFileSize: "2MB",
            maxFileCount: 1,
        },
    })
        .middleware(async ({ req, res }) => {
            console.log(req.cookies) // works fine... 
            return
        })
        .onUploadComplete((data) => {
            console.log("upload completed", data)
        })
} satisfies FileRouter
Im just looking for a way to send custom authorization headers along with the upload reqs
4 replies
TTCTheo's Typesafe Cult
Created by Tanner Barcelos on 11/16/2024 in #questions
How to modify the fetch function for client uploads so I can include credentials
same issue. Following this thread
4 replies