van-uploader

【vue3+ts+vant】上传图片

进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader
lisa带你捕蟑螂·2024-09-07 00:54

ios上传图片旋转问题解决方案（vant上传图片）

使用van-uploader(vant组件库上传图片组件)上传图片时，部分ios机型，会偶发从手机上传图片后，图片预览中，图片旋转了90度的问题。对于该问题，vant官网中也给出了解决方案。
前端呆头鹅·2023-12-05 13:55

uniapp 微信小程序 web-view利用el-upload在微信开发者工具上可以上传文件，真机模拟点击上传按钮无响应

我就是在web-view中使用van-uploader，且可以自定义上传组件的样式。vant2官方地址：https://vant-contrib.gitee.io/van
公孙元二·2023-11-23 00:01

【Vue】vant上传封装方法，van-uploader上传接口封装

项目场景：问题描述提示：这里描述项目中遇到的问题：在移动端项目中，使用vant组件上传，但是vant没有上传方法，需要自己写。html代码data变量fileList:[]methods方法//上传onReadFile(file){console.log(`file-->`,file);attachUpload(file).then((res)=>{console.log(`res-->`,res
阿民不加班·2023-11-06 03:25

小程序中H5页面使用van-uploader上传图片安卓手机调取相机失效问题

解决h5使用van-uploader组件上传图片调取安卓相机失效问题-1||model.indexOf('Linux')>-1//总结：刚开始遇到这个问题时我也去看了好多论坛里面的各种解决方法，但是都不行
昨夜小楼又东风。·2023-11-04 08:57

Vant van-uploader 图片上传压缩 不缩减长宽

van-uploader上传压缩首先先看官网https://youzan.github.io/vant/#/zh-CN/uploader部分代码xxxx中间代码省略xxxxnewVue({el:'#app
wgPython·2023-10-29 18:37

【vue】van-uploader图片上传压缩处理

一、安装，在组件中引入//安装npminstallimage-compressor//引入importImageCompressorfrom'image-compressor.js'二、van-uploader
Monika_徐·2023-10-29 18:36

van-uploader上传图片文件的方法（使用base64上传或使用文件路径）

van-uploader上传图片文件的方法（使用base64上传或使用文件路径）使用base64上传afterUploaderimg(file){letbase64111=file.content;letimage
小白 猿·2023-10-29 18:03

vant-基于van-uploader封装的文件上传图片压缩组件

1、API说明属性名属性说明默认值valuev-model绑定的上传图片列表compressSwitch是否开启图片压缩falsequality图片压缩质量【0-1】0.1threshold图片压缩阈值（图片大于等于该阈值才进行压缩）500KBmaxCount图片上传数量限制12、调用importcompressUploaderfrom'./components/compress-uploader
小矮马·2023-10-29 18:32

Vue vant-ui使用van-uploader实现头像图片上传

效果图：项目中是使用有赞vant-ui框架实现的头像上传替换功能代码布局结构：VIP-->{{loginType==0?"个人用户":"企业用户"}}郝先生优质船主样式：.flex{display:flex;width:100%;}.topInfo{align-items:center;background-color:#fff;//border-radius:24px;}.arrart{widt
船长在船上·2023-10-29 17:28

vue vant van-uploader使用compressorjs解决拍照上传的图片被旋转 90 度方法，图片压缩上传

效果图：部分手机在拍照上传时会出现图片被旋转90度的问题，这个问题可以通过compressorjs或其他开源库进行处理。compressorjs是一个开源的图片处理库，提供了图片压缩、图片旋转等能力。安装：npminstallcompressorjs语法：newCompressor(file[,options])示例：importaxiosfrom'axios';importCompressorf
船长在船上·2023-10-29 17:28

vue vant van-uploader使用compressorjs解决拍照上传的图片被旋转 90 度方法，图片压缩上传

vuevantvan-uploader使用compressorjs解决拍照上传的图片被旋转90度方法，图片压缩上传_van-uploader拍照上传服务器后图片翻转-CSDN博客文章浏览阅读3.2k次，
hsany330·2023-10-29 17:25

van-uploader上传图片报错Invalid handler for event “load“(在uniapp编译)

van-uploader使用报错原因：主要原因这里使用的vant版本是2.13.0的，在Hbuild里面运行的项目，vant插件在这里会有部分组件有兼容问题，（van-image，van-uploader
拾荒旧痕·2023-10-27 12:04

uni-app结合vant开发实现文件上传，图片上传

图片上传有van-uploader组件可以用，将获取到的url通过上传接口(比如minio)文件上传使用插件可实现在app打开文件选择框的功能在原有的基础上添加删除功能，非常好用查看效果
每天吃饭的羊·2023-09-13 07:22

vue使用vant上传单张和多张图片，自定义图片参数

页面基于vue开发，使用vant控件van-uploader上传图片。因控件位于多重list中，为方便上传图片后保存url，需要传递位置信息（也可循环file文件获取位置，比较繁琐）。
涉水者·2023-09-09 19:23

移动端vue使用vant上传图片并裁剪

移动端vue使用vant上传图片并裁剪：效果图如下：使用到的组件：vueCropper，van-popup，van-uploader首先基于vueCropper封装了一个子组件页面：ImageCropper.vue
陈龙辉Break·2023-09-07 10:22

2022-04-13_有赞表单组件van-uploader文件上传前后台学习笔记

20220413_有赞表单组件van-uploader文件上传前后台学习笔记1概述van-uploader用于将本地的图片或文件上传至服务器，并在上传过程中展示预览图和上传进度。
kikop·2023-08-15 21:43

van-uploader附件点击下载文件

使用的是vant组件van-uploader一。点击调用接口，我调用的接口返回的类型是blob类型的，所以我们的请求也应该是blob类型，记得设置reponseType:‘blob’!!!
44w0·2023-08-05 19:46

【微信小程序】van-uploader实现文件上传

使用van-uploader和wx.uploadFile实现文件上传，后端使用ThinkPHP。
科学熊·2023-08-03 17:15

基于canvas渲染图片识别结果支持文本可复制

dependencies":{"core-js":"^2.6.5","vue":"^2.6.10","vant":"^2.12.3"},....demo只需要canvas,van-uploader,van-button
Alex_z0897·2023-01-15 09:10

小程序上传图片+vue上传图片

usingComponents":{"van-uploader":"@vant/weapp/uploader/index"}基础用法constco
hammer1010·2022-07-27 15:41

vue3.0 移动端二次封装van-uploader实现上传图片(vant组件库)

1、前提：业务需求，最多上传6张图片，并可以实现本地预览2、解决方法：使用vant组件库中的van-uploader实现3、代码实现templatejs实现import{moment}from'@/common'constemit
·2022-05-21 11:45

Vue vant-ui使用van-uploader实现头像上传功能

效果图：项目中是使用有赞vant-ui框架实现的头像上传替换功能代码布局结构：VIP-->{{loginType==0?"个人用户":"企业用户"}}郝先生优质船主样式：.flex{display:flex;width:100%;}.topInfo{align-items:center;background-color:#fff;//border-radius:24px;}.arrart{widt
·2022-05-21 11:14

vue3.0 移动端二次封装van-uploader上传图片组件

vue3.0移动端二次封装van-uploader上传图片组件1、前提：业务需求，最多上传6张图片，并可以实现本地预览2、解决方法：使用vant组件库中的van-uploader实现3、代码实现templatejs
Smile_zxx·2022-05-15 22:10

辉太郎看前端(移动端图片上传)

效果实现组件的使用在实现效果时，用到了vant中的van-action-sheet(动作面板组件)，van-uploader(图片上传组件)，van-button(按钮)，用到的图片上传中的一个回调函数
️一傻辉·2021-01-06 10:38

vant-ui的van-uploader上传图片

移动端上传图片是很常用的功能，这里使用vant-ui实现。效果如图上传图片的vue页面:Customer.vuehtml4?'upload-img-5':'upload-img-1'">上传需要找的面料照片：请上传要找的完整图案、细节图、尺寸参照图、正反面对比等。(最多5张)jsdelImg(index){//删除指定下标的图片对象if(isNaN(index)||index>=this.post
weixin_30279671·2020-09-17 06:05

微信小程序云开发---vant组件 van-uploader 实现视频文件上传到云存储，发动态功能

pages/upVideo.wxml//获取用户的头像和昵称展示{{userInfo.weixinInfo.nickName}}//填写动态相关的信息，select为自定义的下拉选择组件确认上传pages/upVideo.wxss/*头部信息*/.headerBox{height:80px;width:100%;background:#fff;display:flex;align-items:ce
需要点灵感·2020-09-15 18:26

van-uploader在安卓1.1.4.2版本的上传图片预览问题

对应vue版本为2.5.2前言：一个很普通的上传图片预览功能，使用vant-uploader实现vant-uploaderapi传送门在pc端模拟h5，以及在ios手机扫码Ip访问本地均没任何问题；但是在安卓上出现了bug：在第一次上传图片以及预览很Ok，没问题，但是在页面回退2级以后，再重新进入，上传图片没问题，叮当点击预览，页面只展示了蒙版，图片没用预览成功。。。但是神奇的是，当我一番操作，重
Mark·2020-08-24 17:12

小程序的图片上传以及文本文件上传 vant weapp van-uploader组件

此次小程序的文件上传用的是vant组件的上传，具体使用方法，查看官方文档更清楚一些，这里主要说一下本次的文本文件的上传遇到的问题。做文本上传的时候，我用的组件的accept属性规定上传文件格式，+上传文件//自定义的样式在小程序里点击出现微信的会话列表，选择一个进入就可以选择对应的文件，选择上传就行。页面图：
笑你醉人模样·2020-07-31 17:36

van-uploader上传文件以及删除文件

2?'upload-img-5':'upload-img-1'">在data里面定义字段：postData:[],fileIds:[]方法定义：delImg(index){//删除指定下标的图片对象if(isNaN(index)||index>=this.postData.length){returnfalse}lettmp=[]for(leti=0,len=this.postData.lengt
爱吃芒果de仙女·2020-07-13 10:58

vant-ui uploader上传文件，修改文件名

van-uploader文件上传组件为我们提供了before-read、after-read、before-delete属性，分别用来指定文件读取前、读取文件完成后、删除文件前的回调函数。
codezha·2020-07-13 03:25

Vue项目中实现数据上传(文本信息、图片、视频以及拍照视频录像

功能步骤1、项目使用vant中van-uploader组件实现访问本地图库。2、项目中涉及文本信息上传、图片上传、视频上传。3、项目中使用cordova插件实现调起摄像机进
CDUT大米饭·2020-07-07 16:18

vue实现图片上传功能

本文实例为大家分享了vue实现图片上传功能的具体代码，供大家参考，具体内容如下先看效果图片上传使用vant组件库中的van-uploader,使用方法参考官网vant组件库下面看代码UploadPicture.vue
·2020-05-26 11:42

vue基于vant的uploader上传图片

这里主要介绍一下van-uploader上面的属性和方法:name：标识符，可以在回调函数的第
adios_iq·2020-01-08 09:28

vant中使用van-uploader上传图片

van-uploade对于进行封装为组件使用方法如下:其中：UUIDStr：随机生成的UUIDimageList：编辑的时候传的图片列表imageListChange:监听选择图片数组的变化/**生成UUID*/exportconstUUID=()=>{vard=newDate().getTime()varuuid='xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replac
奋斗的七月·2019-12-01 08:49

有赞组件van-uploader无法上传图片(原生方法上传图片)

项目中有个上传图片的功能，当时选择用有赞组件van-uploader，测试阶段发现部分安卓手机无法使用，选中图片无任何反应。初步排查是van-uploader没有兼容到该版本系统导致的。
啊杜杜杜·2019-02-01 15:31

vue项目使用原生input file实现图片上传提交

实现准备由于项目需要用到弹框以及toast等功能，因此改用了一个轻量级的UI库———vant，具体使用方法请看vant官方文档，接下来话不多说，直接上代码HTML×复制代码van-uploader是vant
weixin_33922670·2018-07-05 03:18
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他