Quality tutorials & resources. No BS._

Page 5

Sending POST, PUT, and PATCH Requests with Fetch API and VueJS Part 2 of 4 in Using Fetch API with VueJS
Author Dan Pastori avatar
Dan Pastori November 15th, 2021

In the last tutorial, we covered the differences between the Fetch API and Axios when sending a GET request. Let’s take it up another notch and send POST, PUT, and PATCH requests with the Fetch API and compare how these methods operate compared to an Axios request.

If you want to jump ahead and see the answer, check out the Github repo for this component here. You can see the differences right away. If you want to see how this works, keep reading!

Keep Reading →
Break between articles
Previewing a CSV file with VueJS and Papaparse Part 7 of 7 in Your Guide To Uploading Files with VueJS and Axios
Author Dan Pastori avatar
Dan Pastori November 1st, 2021

There are so many use cases for allowing a user to upload a CSV file into your application. However, there are equally as many problems with CSV file uploads such as empty columns, bad data, etc. These issues are why this is my favorite tutorial of the Uploading Files with VueJS and Axios series. This tutorial solves this problem using a fantastic open source library called Papaparse.

With Papaparse, we can actually allow the user to preview their CSV upload and make changes to the data BEFORE submitting the file to the server. Papaparse even gracefully handles empty lines and headers. While there is so much that Papaparse can do, we are going to touch on a few scenarios. I’d highly recommend checking out their documentation to see the library’s full feature set.

Keep Reading →
Break between articles
Preview Video Before Uploading with HTML5 and VueJS Part 6 of 7 in Your Guide To Uploading Files with VueJS and Axios
Author Dan Pastori avatar
Dan Pastori October 25th, 2021

I believe it’s good UX to allow the user to preview their media files before uploading them to a server. This is for both audio and video files. Coming from the last tutorial where we previewed an MP3 file, you will notice a lot of the code here is very similar. Previewing a selected video file in an HTML5 video element is VERY similar to previewing a selected audio file in an HTML5 audio element. Both make use of the modern elements.

Keep Reading →
Break between articles
Preview MP3 with HTML5 Audio Element and VueJS Part 5 of 7 in Your Guide To Uploading Files with VueJS and Axios
Author Dan Pastori avatar
Dan Pastori October 18th, 2021

The next few tutorials will help build the user experience of your file upload system with Axios and VueJS. This tutorial is specifically focuses on previewing and setting an audio file before allowing the user to upload it. Using this method allows the user to preview what their audio file sounds like before they upload the file to the server to ensure they have the right file.

This tutorial is going to assume you’ve followed along with the series thus far, specifically “Uploading Files With VueJS and Axios“. A lot of the methods are going to look the same and function the same way. We will be building a simple VueJS component that allows the user to select an audio file and preview the file before sending it to the server.

Keep Reading →
Break between articles Break between articles
1 3 4 5 6 7 28