• 七牛云oss上传

    七牛云oss上传

    1. <!-- 导入需要的包 -->
    2. <script src="https://avuex.avue.top/cdn/CryptoJS.js"></script>
    3. <!-- 并且需要入口处全局配置七牛云的参数 -->
    4. Vue.use(window.AVUE, {
    5. qiniu: {
    6. AK: '',//七牛云相关密钥
    7. SK: '',//七牛云相关密钥
    8. scope: 'test',//存储空间名称
    9. url: 'https://cdn.avue.top/'//外链的域名地址
    10. }
    11. })

    TIP

    1.0.6+

    七牛oss上传 - 图1

    1. <avue-form :option="option" v-model="form"> </avue-form>
    2. <script>
    3. export default {
    4. data(){
    5. return {
    6. form:{},
    7. option: {
    8. labelWidth: 120,
    9. column: [
    10. {
    11. label: '七牛上传',
    12. prop: 'imgUrl',
    13. type: 'upload',
    14. listType: 'picture-img',
    15. propsHttp: {
    16. name: 'hash',
    17. url: "key"
    18. },
    19. oss: 'qiniu',
    20. loadText: '附件上传中,请稍等',
    21. span: 24,
    22. tip: '只能上传jpg/png文件,且不超过500kb',
    23. }
    24. ]
    25. }
    26. }
    27. }
    28. }
    29. </script>