Category: JavaScript

Sometimes, we want to strip type from JavaScript FileReader base64 string.

In this article, we’ll look at how to strip type from JavaScript FileReader base64 string.

How to strip type from JavaScript FileReader base64 string?

To strip type from JavaScript FileReader base64 string, we can get the part of the base64 string after the comma.

For instance, we write

const reader: FileReader = new FileReader();

reader.onloaded = (e) => {
  const base64String = reader.result.split(",").pop();
};

to get the read file result base64 string from reader.result.

Then we split it in an array of substrings with comma as the separator with split.

Finally, we call pop to get the part of the base64 string without the type.

Conclusion

To strip type from JavaScript FileReader base64 string, we can get the part of the base64 string after the comma.

Sometimes, we want to run where statement with date with Sequelize.

In this article, we’ll look at how to run where statement with date with Sequelize.

How to run where statement with date with Sequelize?

To run where statement with date with Sequelize, we use Op properties to form the query.

For instance, we write

const { Op } = require("sequelize");

model.findAll({
  where: {
    start_datetime: {
      [Op.gte]: moment().subtract(7, "days").toDate(),
    },
  },
});

to call findAll with an object to query for entries with start_datetime bigger than or equal to 7 days ago.

Op.gte is greater than or equal to.

Conclusion

To run where statement with date with Sequelize, we use Op properties to form the query.

Sometimes, we want to properly unload or destroy a video element with JavaScript.

In this article, we’ll look at how to properly unload or destroy a video element with JavaScript.

How to properly unload or destroy a video element with JavaScript?

To properly unload or destroy a video element with JavaScript, we remove the src attribute from the video element.

For instance, we write

const videoElement = document.getElementById("id_of_the_video_element_here");
videoElement.pause();
videoElement.removeAttribute("src");
videoElement.load();

to get the video element with getElementById.

Then we call removeAttribute to remove the src attribute from the video element to unload it.

Conclusion

To properly unload or destroy a video element with JavaScript, we remove the src attribute from the video element.

Sometimes, we want to wrap content in a div with JavaScript.

In this article, we’ll look at how to wrap content in a div with JavaScript.

How to wrap content in a div with JavaScript?

To wrap content in a div with JavaScript, we can call the appendChild method.

For instance, we write

const wrap = (toWrap, wrapper) => {
  const newWrapper = wrapper ?? document.createElement("div");
  toWrap.parentNode.appendChild(newWrapper);
  return newWrapper.appendChild(toWrap);
};

to define the wrap function.

In it, we get the wrapperor create a new div withcreateElement` if it’s not set.

Then we call toWrap.parentNode.appendChild to append the newWrapper as the child of the parent node of the toWrap element.

And then we use newWrapper.appendChild(toWrap) to append toWrap as the last child of newWrapper.

Conclusion

To wrap content in a div with JavaScript, we can call the appendChild method.