vue-picture-uploader

1.1.5 • Public • Published

GitHub GitHub package.json version GitHub stars npm npm bundle size

文档&&示例地址

https://storm4542.github.io/vue-picture-uploader/

示例

 <g-uploader
                height="80"
                width="80"
                :action=URL
                :imageCut="true"
                name="file"
             		:blob='true'
                method="POST"
                :parseResponse="parseResponse"
                @addFile=addFile
                :file-list.sync="fileList"
        >
</g-uploader>
 export default {
        data() {
            return {
                fileList: [],
                URL: 'https://image-server-gulu.herokuapp.com/upload',
            };
        },
        methods: {
            parseResponse(response) {
              	//对response做处理
               	// ...
                return response;
            },
            addFile(file) { 
              //固定写入
                this.fileList.push(file);
            }
        }
    };

API

名称 描述 默认值 是否必须 数据类型
action 上传图片地址 - String
imageCut 是否开启剪裁模式(注:开启剪裁模式后,每次只能上传一张图片) true Boolean
name 传给后台的 name - String
method 方法 POST String
parseResponse 响应处理函数 - Function
fileList 文件列表 [ ] Array
addFile 更新文件列表函数(按照示例写在项目中即可) - Function
height 图片和添加图片按钮的高度 80 String||Number
width 图片和添加图片按钮的宽度 80 String||Number
blob 默认为base64上传,blob=true 以blob对象上传 False Boolean

Package Sidebar

Install

npm i vue-picture-uploader

Weekly Downloads

11

Version

1.1.5

License

MIT

Unpacked Size

965 kB

Total Files

42

Last publish

Collaborators

  • _storm