手机端的base64图片上传并压缩

hw-upload Installation

npm install hwupload --save

Or

yarn add hwupload --save Usage

Register component

Registe global component:

import HwUpload from 'hwupload' Vue.component('hw-upload', HwUpload)

Registe component:

import HwUpload from 'hwupload' export default { components: { HwUpload } }

Simple usage

<template> <HwUpload @upload="onUpload" :multiple="true" :maxWidth="300" :quality="90"></HwUpload> </template> //multiple是否可多选 //maxWidth 图片最大宽度 //quality 图片压缩质量 <script> import HwUpload from 'hwupload' export default { components: { HwUpload }, methods:{ onUpload(result){ console.log(result)//返回base64图片值 } } } </script> License

The plugin is open-sourced software licensed under the MIT license.

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。