The types can be valid file extension starting with the STOP character (e.g: '.gif. Specifies the types of files that can be submitted through the file upload. The 'camera' value (or no value) let's the browser decide which camera to use, while the 'user' and 'environment' values tell the browser to prefer the front and rear cameras, respectively. Sets an optional capture attribute (camera, user, environment) to the input element. Sets the desired class name for the input element If not, a warning is echoed to the console. NB: The 'blob' format requires that the blueimp-canvas-to-blob library is loaded. Available formats are 'string' (base64), verbose (object), 'blob' (object) of 'file' (unmodified uploaded File object). Sets the desired format for the returned image. When set to false no img-tag is displayed. If not, a warning is echoed to the console.Ī boolean flag to toogle an img-tag displaying the uploaded image.

NB: Requires that the exif-js library is loaded. If false, then no processing is performed, and unwanted image flipping can happen. (Example: a value of 0.5 will reduce the size by half.) Accepts a decimal value between 0 and 1.Ī boolean flag, if true then EXIF information from the image is parsed and the image is rotated correctly before upload. If the value is null or is not specified, then maximum size restriction is not appliedĪ float between 0 and 1.00 for the image quality to use in the resulting image data, around 0.9 is recommended.Īllows scaling down to a specified fraction of the original size. The ID for the file input, required if more than one instance should be used on the same page.Īn integer in pixels for the maximum width allowed for uploaded images, selected images with a greater width than this value will be scaled down before upload.Īn integer in pixels for the maximum height allowed for uploaded images, selected images with a greater height than this value will be scaled down before upload.Ī float value in megapixels (MP) for the maximum overall size of the image allowed for uploaded images, selected images with a greater size than this value will be scaled down before upload.

Markup Īn optional label tag can be added as a slot Example

The global script automatically registers as a global componenet. In script entry point import ImageUploader from 'vue-image-upload-resize' Npm npm install -save vue-image-upload-resize View demo Download Source Installation yarn yarn add vue-image-upload-resize

Javascript client side image resize