广告
返回顶部
首页 > 资讯 > 移动开发 >uniapp小程序解决不能上传文件/图片问题
  • 231
分享到

uniapp小程序解决不能上传文件/图片问题

小程序uni-app微信小程序javascriptvue 2023-10-01 16:10:46 231人浏览 薄情痞子
摘要

uniapp小程序解决不能上传文件/图片问题 当前uniapp微信小程序无法使用fORMData( )来上传文件/图片,会出现FormData is not defined 问题, 而官方给的un

uniapp小程序解决不能上传文件/图片问题

当前uniapp微信小程序无法使用fORMData( )来上传文件/图片,会出现FormData is not defined 问题,
而官方给的uni.uploadFile()也是看的懵懵懂懂。

解决方法

使用uni-app提供的uni.uploadFile()来上传文件/图片。
uni.uploadFile( )官方API

uni.uploadFile({url: '后台接口路径',filePath: sourceFile.tempFilePaths[0],name: 'file',   //对应后台接口参数名method: 'POST',header: {"Authorization": '生成的token'},formData: {//要上传的文件file: sourceFile.tempFiles[0]},success(res) {console.log(res);if (res.path) {that.imageUrls = res.path;console.log(that.imageUrls);}},fail(res) {console.log(res);uni.showToast({icon: 'error',title: '图片上传失败!'})}})

其中sourceFile是你选择要上传的文件/图片,包括tempFiles和tempFilePaths两部分。

sourceFile

注意

filePath放你的临时文件存储路径,也就是

filePath: sourceFile.tempFilePaths[0]

formData放你要上传的文件

formData: {file: sourceFile.tempFiles[0]}
自己也是尝试了好多次,想必大家也会碰上上传文件之类的问题,可以试试这种方式。

来源地址:https://blog.csdn.net/qq_45740997/article/details/130139879

--结束END--

本文标题: uniapp小程序解决不能上传文件/图片问题

本文链接: https://www.lsjlt.com/news/422344.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • uniapp小程序解决不能上传文件/图片问题
    uniapp小程序解决不能上传文件/图片问题 当前uniapp微信小程序无法使用formData( )来上传文件/图片,会出现FormData is not defined 问题, 而官方给的un...
    99+
    2023-10-01
    小程序 uni-app 微信小程序 javascript vue
  • uniapp小程序上传图片功能的实现
    目录前言正文1、首先看官网2、案例代码演示前言 本篇文章我们研究一下,在移动端开发过程中经常使用到的图片上传功能。在大多数小程序或者APP中都会遇到一些实名认证或者头像上传的功能。u...
    99+
    2023-01-10
    uniapp小程序 上传图片 uniapp小程序 上传 uniapp上传图片
  • 怎么解决php不能上传中文文件问题
    这篇文章主要介绍“怎么解决php不能上传中文文件问题”,在日常操作中,相信很多人在怎么解决php不能上传中文文件问题问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么解决php不能上传中文文件问题”的疑惑有所...
    99+
    2023-06-20
  • 解决ElementUI组件中el-upload上传图片不显示问题
    目录ElementUI组件中el-upload上传图片不显示element的上传图片后不显示照片的功能(原el-upload的修改)ElementUI组件中el-upload上传图片...
    99+
    2022-11-13
  • 微信小程序实现多文件或者图片上传
    本文实例为大家分享了微信小程序实现多文件或者图片上传的具体代码,供大家参考,具体内容如下 html <view class="list1">     <view c...
    99+
    2022-11-13
  • 用php如何解决大文件分片上传问题
    如果上传的文件只有小于10M的话, 就没必要考虑这样的做法, 直接在 php.ini中更改一下 upload_max_filesize = 10m post_max_size = 1...
    99+
    2022-11-12
  • 如何解决linux不能上传大于2M文件的问题
    这篇文章主要介绍“如何解决linux不能上传大于2M文件的问题”,在日常操作中,相信很多人在如何解决linux不能上传大于2M文件的问题问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何解决linux不能上传...
    99+
    2023-06-10
  • Dedecms图集上传zip压缩包解压图片顺序不对问题的解决方法
    其实这并不是DEDEcms解压出错,而是因为DEDECMS排列图标顺序是按解压时间的前后来排列的,知道了原因,我们只要改变DEDECMS默认的排列规则就可以解决这个问题了。大家可以看到: dedecms管理后台目录:de...
    99+
    2022-06-12
    Dedecms 图集 图片顺序不对
  • uni-app开发微信小程序之H5压缩上传图片的问题怎么解决
    这篇文章主要讲解了“uni-app开发微信小程序之H5压缩上传图片的问题怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“uni-app开发微信小程序之H5压缩上传图片的问题怎么解决”吧...
    99+
    2023-07-05
  • 如何解决SSH不能传输文件问题
    如何解决SSH不能传输文件问题,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。SSH不能传输文件问题提示信息为:”File transfer server could not b...
    99+
    2023-06-05
  • SpringBoot上传文件大小受限问题怎么解决
    这篇文章主要介绍“SpringBoot上传文件大小受限问题怎么解决”,在日常操作中,相信很多人在SpringBoot上传文件大小受限问题怎么解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”SpringBoo...
    99+
    2023-06-30
  • 微信小程序怎么实现多文件或图片上传
    本文小编为大家详细介绍“微信小程序怎么实现多文件或图片上传”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序怎么实现多文件或图片上传”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。html<view&...
    99+
    2023-07-02
  • Spring Boot 如何解决富文本上传图片跨域问题
    目录Spring Boot 解决富文本上传图片跨域创建一个WebMvcConfig类创建一个Filter类,做页面跨域的处理springboot文件上传跨域前端后端Spring Bo...
    99+
    2022-11-12
  • 怎么使用php解决大文件分片上传问题
    小编给大家分享一下怎么使用php解决大文件分片上传问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!前提首先, 上传超大的文件, 前端要和后端相互配合文件上传要使...
    99+
    2023-06-20
  • php文件名相同不上传问题怎么解决
    如果在上传过程中遇到了相同的文件名问题,可以考虑以下几种解决方案:1. 重命名文件:可以手动将其中一个文件进行重命名,例如添加一个后...
    99+
    2023-10-07
    php
  • uni-app开发微信小程序之H5压缩上传图片的问题详解
    目录前言一、为什么要压缩图片二、图片压缩方式1. 微信小程序2. H5总结前言 关于微信小程序、H5兼容性问题,今天就压缩以及上传图片做一个可实现方法的简要阐述。 一、为什么要压缩图...
    99+
    2023-03-02
    uniapp h5图片压缩 h5压缩图片上传 uniapp 压缩图片
  • SpringBoot上传文件大小受限问题的解决办法
    目录1、控制台异常2、上传文件默认参数3、解决方法3.1、方法1(在配置文件.yml或者.properties中直接修改参数)3.2、方法2(自定义config配置类)总结今天在做项...
    99+
    2022-11-13
  • 如何解决图片上传利用request.getInputStream()获取文件流时遇到的问题
    这篇文章主要介绍如何解决图片上传利用request.getInputStream()获取文件流时遇到的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!图片上传功能是我们web里面经常用到的,获得的方式也有很多种,这...
    99+
    2023-05-30
    request
  • uni-app开发微信小程序,H5 关于压缩上传图片的问题
    文章目录 前言 一、为什么要压缩图片 二、图片压缩方式 1. 微信小程序​​​​​​​ 2. H5 总结 前言 关于微信小程序、H5兼容性问题,今天就压缩以及上传图片做一个可实现方法的简要阐述。 一、为什么要压缩图片​​​​​​​ ...
    99+
    2023-09-02
    前端 小程序 微信小程序 javascript
  • 如何解决php只能上传1k内的文件问题
    这篇文章主要讲解了“如何解决php只能上传1k内的文件问题”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何解决php只能上传1k内的文件问题”吧!php只能上传1k内的文件的解决办法:1、...
    99+
    2023-06-25
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作