首页 > 其他分享 >uniapp上传图片

uniapp上传图片

时间:2024-04-02 09:58:05浏览次数:26  
标签:uniapp err tempFilePaths field res 上传 图片

 如图:

<view class="flex-sub flex" v-else-if="field.type=='image'||!field.type">
	<view class="flex-sub">
		<image v-if="form[field.name]" :src="form[field.name]" mode="aspectFill"
			:lazy-load="true" />
		<view class="placeholder-image"
			:style="{ width: field.width + 'rpx', height: field.height + 'rpx' }">
			<text>{{ field.placeholder || '点击上传图片' }}</text>
		</view>
	</view>
	<view class="">
		<view class="cu-btn sm bg-blue round" @click="selectImage(field)">
			选择图片
		</view>
	</view>
</view>
selectImage(field) {
	uni.chooseImage({
		count: 1, // 默认选一张
		sizeType: ['original', 'compressed'], // 可以指定原图或压缩图
		sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机
		success: (res) => {
			const tempFilePaths = res.tempFilePaths[0];
			// 将图片路径存入表单对象
			this.$set(this.form, field.name, tempFilePaths);
		},
		fail: function(err) {
			console.error('选择图片失败', err);
		}
	});
},

标签:uniapp,err,tempFilePaths,field,res,上传,图片
From: https://blog.csdn.net/Cwhat/article/details/137259342

相关文章

  • uniapp_06_全局消息提醒(App端)
    uniapp全局消息提醒(App端)前言最近在项目中需要用到全局消息提醒,才发现App.vue文件虽然是页面入口文件但是App.vue文件本身不是页面。之后试了创建一个全局组件挂载在vue原型上,但是发现在h5中没有问题,但是在app和小程序中由于不存在document导致报错。最后想到了3个解......
  • github上传大文件(超过100M)
    下载安装windowsinstaller运行windowsinstaller在命令行执行gitlfsinstallLinuxcurl-shttps://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh|sudobashsudoapt-getinstallgit-lfsgitlfsinstallMac安装HomeBrew/usr/......
  • 【Azure Function & Application Insights】调用Function上传和下载文件,有时候遇见大
    问题描述在FunctionApp中配置了无代码模式的ApplicationInsights,但有时候发现,超过1MB的文件上传/下载操作成功。但是在ApplicationInsights中,却没有发现请求日志?这是一种什么情况呢? 问题解答ApplicationInsights 是具有采样功能的,当传入执行的速率超过指定的阈值时,Appl......
  • MISC专项-图片隐写
    一、大白1.打开压缩包,发现是一张图片,但是明显的不完整,下面少了一块。2.右击图片查看属性,该图片的宽度和高度分别是679、256。3.用winhex打开该图片,去修改它的高度,256对应的16进制为100,对找到相应的地方进行修改,改成300即可。4.保存修改,再次打开图片即可得到flag。二、隐......
  • 使用Element-UI的form表单验证文件是否上传
    项目中有个需求,表单中的文件为必传项。 其中使用了element-ui的form表单验证,话不多说,上代码。<template><div><el-formlabel-position="top":model="reportForm"ref="checkerForm":rules="rules"label-......
  • Python与CAD系列高级篇(二十六)根据图片生成cad轮廓矢量
    目录0简述1功能描述2应用3功能实现0简述本篇介绍根据图片文件提取出轮廓特征信息并在cad中绘制出相应的轮廓矢量。1功能描述功能:①获取对象轮廓的图片文件。②对图片进行分析与轮廓提取。③将提取的轮廓信息通过pyautocad绘制在cad中。2......
  • 如何在Node.js中使用Express直接上传客户端文件到MinIO?
    如何在Node.js中使用Express直接上传客户端文件到MinIO?在Node.js中使用MinIO的前提是已经安装并进行了相关设置。在此基础上,需要引入MinIO的SDK,通过它实现客户端文件上传。以下代码示例演示了如何通过Express 直接从客户端上传文件到MinIO:constexpress=requir......
  • nodejs爬图片(二)
    前言    网上一张一张下载是不是很麻烦,直接批量下载,解决你的问题。高清不是梦!        具体步骤不说了,直接上代码constcheerio=require("cheerio");constaxios=require("axios");constfs=require("fs");constpath=require("path");letht......
  • CSS3制作图片样式
    问题:如果在img上直接使用CSS3的border-radius和box-shadow应用在图片,浏览器并不会完全显示。前面在《jQuery和CSS3给图片制作圆角》中说过其解决方法,就是把图片作为背景图片,这样我们就可以应用任何样式来修饰图片,而且此时浏览器也会完美的呈现出来。解决方法:要让浏览器能正常渲......
  • Java 实现OCR扫描/识别图片文字
    图片内容一般无法编辑,如果想要读取图片中的文本,我们需要用到OCR工具。本文将介绍如何在Java中实现OCR识别读取图片中的文字。所需工具:IDEASpire.OCRforJava-JavaOCR组件,支持识别多种语言、字体,可读取JPG、PNG、GIF、BMP和TIFF等常用图片中的文本信息。    ......