File Upload Field not using React Component
Hello, good day.
I am building a custom app and would need to use the file upload field. However, all I can find on Zendesk Garden is the file upload React Component. The app is not built on React, so using the React Component is not an option. I tried using the HTML file upload field but it's not working. When I tried clicking Choose File button, it doesn't do anything.
<div class="c-txt">
<label for="incidentAttachment">Incident Attachment</label><br />
<input id="incidentAttachment" type="file" />
</div>
Is there a way to have the file upload field without using the React Component?
I hope someone can help me.
Thank you in advance,
Benessa
-
Hi Benessa! Assuming that you are looking to upload and attach a file to a Zendesk ticket, ZAF doesn't have a method to handle file upload, so this is something that you would need to build using the API. We do have a tutorial for this using our APIs, but it isn't within the context of a ZAF app, so you would need to use something like fetch() to make the requests to the API.
Let us know if you have any questions about this!
-
Hi Greg Katechis, thank you for the prompt response.
I am actually looking at sending an attachment to a 3rd-party (Ivanti) via the custom app that I created but I can't figure out why the HTML file upload field is not working.
<div>
<label for="incidentAttachment">Incident Attachment</label><br />
<input id="incidentAttachment" type="file" />
</div>When I tried clicking Choose File button, it doesn't do anything or open the folder so that I can browse and select the file that I want to upload.
You can check my screen capture here so that you'll understand better what I meant.
I hope you can take a look at this and get back to me with what you think is causing the issue.Thank you,
Benessa -
Ah, I see...to be honest, I'm not sure what would cause this. Can you replicate this on multiple browsers? Does it persist after a restart? I have a very basic app that uses the file loader and it's working for me, so there isn't something within our apps framework that would be causing this. If it still doesn't work after trying the above steps, could you put the basic functionality up on jsfiddle.net or glitch.com so that I could take a look at it?
-
Hello Greg Katechis,
I was able to make the file loader work.
I forgot I have event.preventDefault(); on my main.js file that why it wasn't working previously.May I ask if you have any experience with sending files to a 3rd-party via the file upload field?
Looking forward to your reply.
Thank you,
Benessa -
Hi Benessa, glad to hear you got that working! I have done this a few times over the years, I don't have a lot of expertise though. I usually just utilize MDN for topics like this. Is there something specific that I could help with in this situation?
댓글을 남기려면 로그인하세요.
5 댓글