authenticationEndpointparameters are optional and only needed if you want to use the SDK for client-side file upload. You can get these parameters from the developer section in your ImageKit dashboard - https://imagekit.io/dashboard#developers.
your_url_endpointetc, with actual values.
https://www.custom-domain.com/default-image.jpgthen you can use
srcprop to load the image.
wparameter. It makes your code more readable. If the property does not match any of the available options, it is added as it is. See the full list of supported transformations in Vuejs SDK on Github.
wparameter instead of
width. See the complete list of transformations supported in ImageKit here.
transformationprop to chain these transformations sequentially.
ik-imagecomponent. When you use
loading="lazy", all images that are immediately viewable without scrolling load normally. Those that are far below the device viewport are only fetched when the user scrolls near them.
1250pxand on slower connections (e.g 3G), it is
blur:6. You can change this. For example:
ik-uploadcomponent which can generate an
input type="file"tag that you can use to upload files to the ImageKit media library directly from the client-side.
authenticationEndpointwhile initializing the SDK. Replace
your_authentication_endpointwith actual values.
authenticationEndpointshould be implemented in your backend. The SDK makes an HTTP GET request to this endpoint and expects a JSON response with three fields i.e.
expire. Learn how to implement authenticationEndpoint on your server.
serverfolder in the project root. It should look like this:
http://localhost:3001/authwhich is our
ik-uploadcomponent in the
onErrorcallback functions as props like we have.