greedying的博客,包括但不限于IT技术
vux-uploader's Introduction
vux-uploader's People
Forkers
pq27120 wangmintao yantao0527 fayelee77 saintlast wooodhead iocool samweng cuitymiko gofancyever heyrumour prasinooo chenyuncai antybody mrossz onewayxp fishsunny esap lanjincan yuana1 heyideal fralonra yfjl mr-fsm huayeer quandada iyaq doushenwei fuyaogongzi 36hero 0236 jjsuo wanziping amekakivux-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 }
Unknown plugin "transform-runtime" specified in "*****/[email protected]@vux-uploader/.babelrc"
运行两者:
npm install --save-dev babel-plugin-transform-runtime
npm install --save-dev babel-preset-stage-2
安卓手机只能打开相册不能拍照
如题,你好大神,请问有没有解决方法
不支持跨域上传么?
是否能加个header属性,用于配置上传时的header,用于JWT验证等
如题,通常服务器会要求验证,而jwt通常使用header验证
autoUpload为false时,具体该怎么配置?
大神,你给的(含义: 选择图片后是否自动上传。是,则调用内部上传接口。否,则$emit('upload-image', formData)',formData为图片内容,用户可监听事件自己上传)这段话,还有下面这段话,该怎么用(upload-image:emit时机: handleClick和autoUpload都为false
时,选择图片
参数: formData,图片内容生成的formData
备注: 可以通过vm.$refs.input获取图片的input元素)
图片选择的时候可以多选?
pc端和移动端,在选择上传图片的时候是可以多选的,可以每次选择限制成一张么?
如果我想用vux-uploader实现oss直传到阿里云,该怎么设置vux-uploader?
rt
es5
autoUpload 和 handle-click 设置false时 $refs.input 为undefined,autoUpload为true可以拿到
安装后 import 还是报错
autoUpload配置为false时,$emit('upload-image', formData),formData无数据?
autoUpload配置为false时,$emit('upload-image', formData),formData无数据?
<uploader :max="1" :autoUpload="false" ref="upload" @upload-image="uploadImage"></uploader>
uploadImage: function(data) { console.log(data) // FormData {} }
这什么情况?
选择图片就报错
代码片段:
输出:
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
选择图片之后图片没显示出来怎么解决
data(){
return{
varmax: 5,
images: [],
uploadUrl: ''
}
},
本菜根本没搞明白怎么用
自动上传的时候想显示一个loading应该怎么做?
自动上传没有显示进度 想在上传的时候有一个loading显示 应该怎么写
Module build failed: Error: Couldn't find preset "es2015" relative
点击增加的时候直接就往接口里传值了,是么
未设置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,并且没有选择本地图片的入口。
求解,谢谢
我觉得做个DEMO和效果演示是极好的
RTRT
关于自定义接管上传图片 选择对应图片的时候,能否自定义class属性
打包的时候报错!
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"
图片的size最大就是normal设置么?有没有什么large设置的。大图片根本无法上传。就一直显示loading。
npm下的版本与github版本不一致
npm中的代码没有配置header的功能
打包成apk在安卓系统运行不支持 type=file
打包成apk在安卓系统运行不支持 type=file,请问怎么解决
大图片上传失败一直在pending中,小图片可以上传
IOS点击+ 会弹窗从相册选择或拍照,拍照有问题
IOS点击+ 会弹窗从相册选择或拍照,从相册选择OK, 拍照拍完后,控件没响应怎么弄。 貌似无相关介绍呀。
页面未报错 但是页面显示空白,F12确实该区域有相关元素
<uploader
:max="maxImg"
:images="images"
:handle-click="true"
:show-header="false"
:readonly="true"
:upload-url="uploadUrl"
name="img"
:params="params"
size="small"
@preview="previewMethod"
@add-image="addImageMethod"
@remove-image="removeImageMethod"
></uploader>
自动上传图片,报错
组件部分没有显示
你好,只是显示了title部分,其它的都隐藏了,请问是怎么回事
代码如下:
<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>
弹不出选择框。 点击@add-image=“fn”, 这个fn该怎么写?
如题。
弹不出选择框
默认上传文件流的name是img,有自定义方案么?
如题
关于自定义上传事件的问题
你好,我是后端转前端不久,现在正用 vux 做一个公司的小项目,正好需要图片上传功能,非常感谢提供了这个组件。
但是我对自定义上传事件的 $emit 使用有点摸不着头脑,能不能提供个小的 add-imag 的 demo,谢谢 🙏
图片上传图片太大导致上传失败如何解决
图片上传图片太大导致上传失败如何解决
[Discuss] 支持其他类型文件的上传
vux-uploader
目前是针对图片上传功能设计的,但在实际使用中,用来上传其他类型的文件也是可行的。
请问是否有计划正式地支持其他非图片的文件的上传功能?
可做的更改举例:
- 上传非图片文件时去除图片预览,仅显示文件名
- 支持设置 accpet 属性
关于上传能够成功,但是就是报错~
华为手机点击+号选择图片的时候,无法选择拍照
华为手机点击+号选择图片的时候,无法选择拍照
支持移动端吗
支持移动端吗
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.