uni-app 点击上传视频（文件、图片）

最新推荐文章于 2024-09-12 15:56:50 发布

wtuvyps

最新推荐文章于 2024-09-12 15:56:50 发布

阅读量2.4k

点赞数 2

分类专栏： uni-app 文章标签： vue.js 前端 uni-app vue js

本文链接：https://blog.csdn.net/m0_62049404/article/details/122498149

版权

本文介绍了如何在uni-app中实现点击按钮上传视频、图片和文件的功能。通过onUpload事件处理上传操作，使用chooseVideo、chooseImage和chooseFile API选择文件，并将上传地址配置在config.js中。同时提醒在将文件保存到formData时需注意数据类型与后端要求保持一致，以避免提交时出现错误。

摘要由CSDN通过智能技术生成

需求：点击按钮上传文件

成功示例：显示文件名可重新上传

给上传按钮定义onUpload事件

formData.content为我在data中定义保存文件的变量

<template v-if="formData.content!==''">
		<view class="videoname">
			{
  {formData.content.fileRealName}}
		</view>
</template>

<button class="upload" @click.stop="onUpload">
		<view class="upload-img-box">
			<image class="addfile" src="/static/add.png" alt="">
		</view>
		<text class="upload-text">
            {
  {formData.cont