Vue-dropzone: How to make the uploading wait until an external post request is sent?

[harishankards]

Hey,
I'm using vue-dropzone which is really great. Thanks for that.

Now inside a post creation component(from my project), whenever I click upload and select files and it gets posted to the URL provided in the dropzoneOptions. Rather, what I want to do is I want it to be uploaded when I send the post request to the backend(node.js).

The reason is, I need to map the attachments name, id to the corresponding post. Is that possible with vue-dropzone?

Also, after it is saved in DB, how do I retrieve it in frontend? Is there a package which you suggest to use that?

[rowanwins]

Hi @harishankards

I need to map the attachments name, id to the corresponding post. Is that possible with vue-dropzone?

You should be able to hook into the vdropzone-sending event, see this example

Also, after it is saved in DB, how do I retrieve it in frontend?

Check out the example for manually loading a file.

Hopefully that helps get you on your way.

Cheers

[harishankards]

That's really great @rowanwins.

My first query is solved. But my second is not. I am afraid I was not clear.
Let me describe you more.
I have stored the attachments in the DB and get done with this package. When someone is looking into the post created, I want to show some image thumbnail of the attachment URL. Do I have any packages to achieve this?

[rowanwins]

Do you have an API that you can call that retrieves the thumbnails & details from the db? I often use the axios package for making http requests.

[harishankards]

Yes @rowanwins, I do use axios. But looking for a package which shows the thumbnail of the attachment beautifully

[ghost]

@harishankards user dropzone options. Set autoQueue to false . Then files will not be sent immediately to your backend rather you need to call enqueueFile(file) method to send it.

[harishankards]

Wow. That's great. Do I have documentation for it @salihbaki ?

[harishankards]

Also, below is my file structure, I get via enqueue(file)

accepted
:
true
dataURL
:
"data:image/png;base64,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…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"
height
:
511
lastModified
:
1522995580044
lastModifiedDate
:
Fri Apr 06 2018 11:49:40 GMT+0530 (IST) {}
name
:
"Anderson helpdesk.png"
previewElement
:
div.dz-preview.dz-image-preview
previewTemplate
:
div.dz-preview.dz-image-preview
size
:
51733
status
:
"added"
type
:
"image/png"
upload
:
{uuid: "fa144199-fb8f-49ce-8874-84fdf8169fc9", progress: 0, total: 51733, bytesSent: 0, filename: "Anderson helpdesk.png", …}
webkitRelativePath
:
""
width
:
962
_removeLink
:
a.dz-remove

When I send this to S3, it says
PUT https://student-burger.s3.amazonaws.com/Anderson%20helpdesk.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAxxxxC3HPB7M4UA%2F20180524%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20180524T003510Z&X-Amz-Expires=86400&X-Amz-Signature=7a403a477752b5d0141e390f8f8xxxxxxxx389fb81da88cd9cbcbaa874bae5638&X-Amz-SignedHeaders=host 400 (Bad Request)

In which format I should send to S3?

[harishankards]

Hey @salihbaki, I just wanted to check whether do I got any updates on this.