关于使用uni-file-picker获取之前上传的图片

最新推荐文章于 2024-10-12 16:00:11 发布

贪吃的鳄梨

最新推荐文章于 2024-10-12 16:00:11 发布

阅读量797

点赞数 4

分类专栏： uniapp 文章标签：前端前端框架

本文链接：https://blog.csdn.net/m0_61556009/article/details/138099438

版权

uniapp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.官方给的是三个值的回调，但其实一般只需要url就可以正常显示

2.其中要使用v-model绑定图片数组，我使用:value绑定方式是失败了的。

3.最抽象的来了，对于图片数据，得一次性生成数组后，全部赋值给列表数据，才可以正常回显。（如果你方法中还要像我一样将图片分类）不然只有在成功触发一次事件后才会发生。

不明白什么原因，可能是多次连续触发加载图片时的保护机制？

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

贪吃的鳄梨

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uni-file-picker文件没上传完成就调用上传成功函数success是怎么回事?

04-17

933

我们都知道，uni-file-picker是一款非常优秀的文件上传组件，可以帮助我们轻松实现文件上传功能。但是，在使用过程中可能会遇到一个问题，就是文件没上传完成就调用了上传成功函数success。这个问题该如何解决呢？

uni-app踩坑记

qq_37012533的博客

07-27

2090

在默认的index.html中直接引入erada，页面样式会整个错乱，解决方案就是引入官方的index.html模板，再到上面引入外部JS。不要把v-if直接写在uni-forms-item标签上，可以在这上面包一层view，并将v-if写在view上。配置完成后无论是测试环境还是正式环境都带上/mobile/，否则会报错404。最重要的一步是在manifest.json中配置路径。在manifest.json中配置域名。

1 条评论您还未登录，请先登录后发表或查看评论

使用uniapp的uni-ui组件＜uni-file-picker＞图片上传在编辑时图片数据怎么回显

m0_75230853的博客

04-22

1419

【代码】使用uniapp的uni-ui组件＜uni-file-picker＞图片上传在编辑时图片数据怎么回显。

uniapp uni-file-picker 压缩图片上传到oss 并且回显

热门推荐

路虽远行则将至，事虽难做则必成。

06-19

2万+

最近在使用uni-app写H5移动端，有一个从手机拍摄从相册选择获取图片上传到文档服务器功能。查阅uni-app发现关于上传图片，uni-file-picker文件上传，uni.chooseImage，uni.uni.uploadFile它和pc端原理差不多，都是file对象上传，PC端是通过new file对象，uni-app是直接提供了。

uniapp使用uni-file-picker上传图片到后端

weixin_64908228的博客

04-03

1771

先说思路，uni-file-picker 套 uni.uploadFile，uni-file-picker得到文件路径，uni.uploadFile上传uniapp的，所以传到后端的数据只有这三个数据所以联调后端一直出错，根本原因在于uniapp上传图片不能使用这个file，需要在使用 uni.uploadFile 上传，这里面的file才是真正的file。

给uniapp的扩展组件uni-file-picker设置默认显示的图片

qq_45569925的博客

05-22

1124

官方给出的代码如下所示，但是按照官网给出的代码图片并没有显示出来。

uni.uploadFile上传图片后台接收不到数据

每天都要努力学习哦~~

04-17

2232

今天遇到一个很奇怪的问题，通过使用uni.uploadFile上传文件时后端接收不到文件，查过很多资料，原来是自定义了header的Content-Type问题。取消即可，另把自定义文件上传的代码贴出来。浏览器会默认帮我们加上请求头，并且默认加上一串boundary信息。select文件动作保存文件信息。分析：当我们加上请求头的时候。

uni-file-picker组件的使用——小程序上传图片（多张\一张）

qq_53857666的博客

11-09

5460

uni-file-picker组件的使用

使用uni-file-picker上传文件（图片）到腾讯云存储COS步骤

qq_45736656的博客

03-11

1801

使用uni-file-picker上传文件（图片）到腾讯云存储COS步骤

uniapp中的uni-file-picker组件多图上传问题

m0_67402823的博客

03-08

3430

前言：在uniapp官方文档中的uni-file-picker组件可实现图片上传功能，官方文档：uni-app官网中的案例不能完全满足需求，在接口上传失败的时候，需要页面不回显失败的图片，仅回显显示上传成功的图片，因为多图异步上传顺序的问题，可能会导致同时操作list，以至于删除图片出错。所以我才用多图同步顺序上传来规避这个问题。以下是代码： view代码： <uni-file-picker :value="filePathsList" :auto-upload="false" file-medi

使用uni-file-picker实现图片上传

05-24

uni-file-picker 是 uni-app 提供的一个文件选择器组件，可以用来选择图片、视频等文件，并且可以进行上传操作。首先，需要在页面中引入 uni-file-picker 组件： ```html <uni-file-picker v-model="files" ...

uniapp 图片上传，文件上传组件uni-file-picker

qq_37455326的博客

01-11

1193

先要到官网去下载这个插件，然后安装到相应的项目当中。然后是这个组件的使用，直接复制就可以了。图片上传成功之后，可以直接获取下载链接。这个是图片上传过程中的各种事件。

解决uni-file-picker组件图片不回显的问题

qq_44701728的博客

06-19

1637

方法很简单，uni-file-picker组件回显需要除了url，还要两个参数。在select事件添加上需要的另外两个参数就好了，里面的值可以随便写，不影响。当再次进入页面，需要图片回显，方法也一样。

uniapp学习笔记——基于＜uni-file-picker＞组件和uni.uploadFile()方法实现图片上传

向心行者

06-11

1万+

在编辑页面，有图片字段需要选择手机图片进行上传、预览、回显、删除等，尤其是当提交表单后，再次选择编辑该表单页面时，如何正确的显示图片，并保证再次提交时，可以没有异常。这里主要记录了一种在编辑表单时（图片字段返回的是图片地址）的一种处理方式，不一定是最佳实践，但是可以实现功能的正常使用。组件和uni.uploadFile()方法在官方文档已经有非常详细的介绍了，这里只是简单说明一下，需要了解详细信息的请移步官方文档进行查看。文件选择上传组件，可以选择图片、视频等任

uniapp——上传图片获取到file对象而非临时地址——基础积累

yehaocheng520的博客

06-25

1898

uniapp——上传图片获取到file对象而非临时地址——基础积累

uni-file-picker v-model绑定的值和实际的值不一致

weixin_52444774的博客

06-07

1325

我个人的解决做法是：创建一个新数组，在页面初始化的时候，将请求回来的数据赋值给新数组，在上传文件的方法uploadselect里面对新数据进行push()新数据。新数组的数据用来回显，这样就避免了，picker修改v-model绑定的数据了。公司的某个项目中出了个bug就是uni-file-picker附件删除图片后，图片的数据会发生改变。但是我在掘金发现有一篇文章和我的bug还蛮像的。这边的逻辑呢是在选择上传的时候将图片的地址改为网络地址（即上传到服务器上），在你只进行新增操作的时候，数据一切正常。

不用先上传图片在回显，直接回显图片方法

TOP_Y的专栏

12-29

6914

在项目过程中可能会遇到一个问题，就是图片到底是上传之后回显还是怎么办，上传之后回显可能造成很多系统上面的图片垃圾所以我找到了以下方法载体 height="100px" width="100px"> 一个是上传按钮，一个是用来回显图片的img当然可以只用一个img来做也是可以的，自己改以下就行了，下面就是js了 function changImg(e){

uni-file-picker 只照片回显

08-03

uni-file-picker组件可以实现图片上传功能，并且可以显示之前已上传的图片。在给uni-file-picker组件传入v-model绑定的数据时，可以通过设置img_desc数组来实现图片的回显。在img_desc数组中，每个对象代表一张图片，包含fileID和url两个属性。通过设置url属性的值为图片的链接，就可以实现图片的回显。[2]所以，uni-file-picker可以只显示照片的回显。