o-s-upload

Install

npm install --save o-s-upload

Useage

use in the vue component

<template>
        <div>
            <o-s-upload
            :ossDir="ossDir"
            :getSgin="getSgin"
            :dom="logo"
            ref="logo"
            ></z-o-upload>
        </div>
    </template>

    <script>
        import OSUpload from 'o-s-upload'
        export default {
            name: 'Test',
            data () {
                return {
                    ossDir: 'myDir',
                    getSgin: 'http://xxx.xxx.com/get_sgin',
                    logo: 'logo',
                    logoSrc: ''
                }
            },
            methods: {
                getUrl () {
                    this.logoSrc = this.$refs.logo.imgUrl
                },
                setUrl () {
                    this.$refs.logo.imgUrl = 'https://www.baidu.com/img/baidu_jgylogo3.gif'
                }
            }
        }
    </script>
    
    <style></style>

Component props

propos	type	default value	explain
dom	String	''	required field
ossDir	String	''	required field
getSgin	String	''	required field
addIcon	String	'upload.png'
loadding	String	'loadding.gif'
boxStyle	Object	{}
height	Number	0	image height(px, no limit)
width	Number	0	image width(px, no limit)
customName	String	''	System naming
ratio	Number	0.75	Compression ratio

License

copyright © 2019 zhaizhaohui