Giter VIP home page Giter VIP logo

vux-uploader's Introduction

博客说明

greedying的博客,包括但不限于IT技术

vux-uploader's People

Contributors

chenyuncai avatar esap avatar fayelee77 avatar greedying avatar yuana1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vux-uploader's Issues

选择图片报错

选择图片后报错
vue.esm.js?efeb:610 [Vue warn]: Error in render: "TypeError: Cannot read property 'url' of undefined"

div 部分
`

   <group  label-width="4.5em" label-margin-right="2em" label-align="right">
     <uploader
        :max="varmax"
        :images="images"
        :handle-click="false"
        :show-header="true"
        :readonly="false"
        :upload-url="uploadFileWithCnfidAndCgid"
        title="头像"
        name="img"
        size="normal"
        :params="params"
      ></uploader>
      <!-- @add-image="addImageMethod"  @preview="previewMethod" @remove-image="removeImageMethod"-->
     <x-input title="姓名"    placeholder="请输入姓名"  v-model="sgryFrom.xm"></x-input>
     <x-input title="手机号码"    placeholder="请输入手机号码" mask="999 9999 9999"  :max="13" is-type="china-mobile"  v-model="sgryFrom.sjh"></x-input>
     <x-input title="身份证号"    placeholder="请输入身份证号"   v-model="sgryFrom.sfzh"></x-input>
   </group>
   <div style="padding:20px;">
    <x-button type="primary">保存</x-button>
   </div>
</div>`

js 部分
data () { return { varmax:1, images:[], uploadFileWithCnfidAndCgid:'http://192.168.1.60:9090/api/bgfw/uploadimgfile', params:null }

autoUpload为false时,具体该怎么配置?

大神,你给的(含义: 选择图片后是否自动上传。是,则调用内部上传接口。否,则$emit('upload-image', formData)',formData为图片内容,用户可监听事件自己上传)这段话,还有下面这段话,该怎么用(upload-image:emit时机: handleClick和autoUpload都为false时,选择图片
参数: formData,图片内容生成的formData
备注: 可以通过vm.$refs.input获取图片的input元素)

选择图片就报错

代码片段:

输出:
vue.esm.js:579 [Vue warn]: Error in render: "TypeError: Cannot read property 'url' of undefined"

found in

---> at **\node_modules_vux-uploader@0.1.8@vux-uploader\src\components\uploader.vue

未设置capture属性时iPhone中使用直接唤起相机,而且无法选择本地图片

<vux-upload
     class="upload front" 
     :url="url+'FRONT'" 
     :headers="headers" 
     :data="data" 
     :images="front"
     :readonly="false"
     :max="1" 
     :withCredentials="false" 
     :span="12" 
     :preview="true"
     @success="onFront" 
     @error="onError" 
     @remove="onRemove('front')">
</vux-upload>
组件使用如上,没有填写capture参数。
但是在微信浏览器,IOS中直接唤起了camera,并且没有选择本地图片的入口。
求解,谢谢

打包的时候报错!

ERROR in ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vux-uploader/src/components/uploader.vue
Module build failed: Error: Couldn't find preset "es2015" relative to directory "E:\\download_svn\\code\\trunk\\local_dev\\xmlivecli\\src\\main\\webapp\\node_modules\\vux-uploader"

自动上传图片,报错

接口跑通了,但是vue里会报错。
接口返回的数据:{"Code":0,"Message":null,"Data":"/Files/3.png"}

image

代码:
image

image

组件部分没有显示

你好,只是显示了title部分,其它的都隐藏了,请问是怎么回事
image
image

代码如下:

<template>
  <div>
    <uploader
      :max="varmax"
      :images="images"
      :upload-url="uploadUrl"
    ></uploader>
  </div>
</template>

<script>
  import Uploader from 'vux-uploader'

  export default {
    components: {
      Uploader
    },
    data() {
      return {
        varmax: 5,
        images: [],
        uploadUrl: ''
      }
    }
  }
</script>

关于自定义上传事件的问题

你好,我是后端转前端不久,现在正用 vux 做一个公司的小项目,正好需要图片上传功能,非常感谢提供了这个组件。
但是我对自定义上传事件的 $emit 使用有点摸不着头脑,能不能提供个小的 add-imag 的 demo,谢谢 🙏

[Discuss] 支持其他类型文件的上传

vux-uploader 目前是针对图片上传功能设计的,但在实际使用中,用来上传其他类型的文件也是可行的。
请问是否有计划正式地支持其他非图片的文件的上传功能?

可做的更改举例:

  1. 上传非图片文件时去除图片预览,仅显示文件名
  2. 支持设置 accpet 属性

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.