<template>
<view>
<view class="li-price" @click="toggle('center')">
上传处理照片
</view>
处理事故照片上传:
<!--u-upload是uview的图片上传组件,里面写的是上传条件。-->
<u-upload :max-size="5 * 1024 * 1024" max-count="3" min-count="3" ref="uUpload" :action="action" :auto-upload="true"></u-upload>
<view class="button-bottom">
<!--这一步是把图表保存在我们自己的服务器上-->
<button style="background-color: #2E95FF;color: #FFFFFF;" @click="submit()">保存图片</button>
</view>
</view>
</template>
<script>
export default {
name: "upimage",
data() {
//可以通过设置file-list参数(数组,元素为对象),显示预置的图片。其中元素的url属性为图片路径
//设置action参数为后端服务器地址,注意H5在浏览器可能会有跨域限制,让后端允许域即可
return {
action:'http://1.1111.1111.11111//image/image',//你的图片
uniapp uview 图片上传
最新推荐文章于 2024-05-20 15:38:14 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)