七牛云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>