Cier-image-uploader NPM

cier-image-uploader

npm install cier-image-uploader

import CierImageUploader from "cier-image-uploader";
Vue.component("cier-image-uploader", CierImageUploader);

Basic

<cier-image-uploader
    :name="cover"
    :acceptedMimetypes="['image/jpeg']"
    :uploads="arrayOfImageObjects"
></cier-image-uploader>

Multiple

<cier-image-uploader
    :multiple="true"
></cier-image-uploader>

Autoupload

<cier-image-uploader
    :apiMode="true"
    uploadUrl="https://server.com/image/upload"
></cier-image-uploader>

Prop	Type	Default	Description
apiMode	Boolean	false	If set to true, autoupload feature will be turned on.
uploadUrl	String		Server end point to POST request (autoupload).
uploads	Array		Array of image objects. Image object should have name (name of the image), source (image source path), deleteUrl (server end point for deleting the image)
multiple	Boolean	false	If set to true, file input's multi attribute will be set to true
name	String	image	Name attribute of the file input.
acceptedMimeTypes	Array		Array of mime types to be accepted.