|
|
@@ -41,13 +41,10 @@
|
|
|
:required=true>
|
|
|
<u--input v-model="model1.userInfo.faultDes" border="none"></u--input>
|
|
|
</u-form-item>
|
|
|
-
|
|
|
<u-form-item labelWidth='180' label="上传照片:" prop="userInfo.faultPics" borderBottom ref="item1">
|
|
|
- <view class="">
|
|
|
- <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1"
|
|
|
- multiple :maxCount="10">
|
|
|
- <image :src="xiangji" mode="widthFix" style="width: 90rpx;height: 90rpx;"></image>
|
|
|
- </u-upload>
|
|
|
+ <view class="uploadPart">
|
|
|
+ <image :src="img" mode="widthFix" style="width: 90rpx;height: 90rpx;" v-for="img in fileList1"></image>
|
|
|
+ <span @click="uploadImg" class="uploadBox" v-if="fileList1.length<4"><u-icon name="plus"></u-icon></span>
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
|
|
|
@@ -89,6 +86,7 @@
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ uploadUrl:BaseApi.BaseApi + '/uploadFile',
|
|
|
loading: false,
|
|
|
fileList1: [],
|
|
|
xiangji: require('@/static/index/xj.png'),
|
|
|
@@ -223,120 +221,32 @@
|
|
|
},
|
|
|
|
|
|
// 新增图片
|
|
|
- async afterRead(event) {
|
|
|
-
|
|
|
- // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
|
|
|
- let lists = [].concat(event.file)
|
|
|
- let fileListLen = this.fileList1.length
|
|
|
- lists.map((item) => {
|
|
|
- this.fileList1.push({
|
|
|
- ...item,
|
|
|
- status: 'uploading',
|
|
|
- message: '上传中'
|
|
|
- })
|
|
|
- })
|
|
|
- //console.log(this.fileList1)
|
|
|
- for (let i = 0; i < lists.length; i++) {
|
|
|
- const result = await this.uploadFilePromise(lists[i].url)
|
|
|
- let item = this.fileList1[fileListLen]
|
|
|
- this.fileList1.splice(fileListLen, 1, Object.assign(item, {
|
|
|
- status: 'success',
|
|
|
- message: '',
|
|
|
- rl: result
|
|
|
- }))
|
|
|
- fileListLen++
|
|
|
- }
|
|
|
-
|
|
|
- console.log(this.fileList1);
|
|
|
- //this.problemPhotos=this.fileList1;
|
|
|
- },
|
|
|
- uploadFilePromise(url) {
|
|
|
- console.log('111111111111111111',url)
|
|
|
- let _self=this;
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- let a = uni.uploadFile({
|
|
|
- url: BaseApi.BaseApi + '/uploadFile',
|
|
|
- header: {
|
|
|
- 'content-type': 'application/json',
|
|
|
- "token": uni.getStorageSync('tokendata'),
|
|
|
- },
|
|
|
- filePath: url,
|
|
|
- name: 'file',
|
|
|
- success: (res) => {
|
|
|
- let result = JSON.parse(res.data)
|
|
|
- // console.log(result.fileName);
|
|
|
- setTimeout(() => {
|
|
|
- resolve(JSON.parse(res.data).fileName)
|
|
|
- }, 1000)
|
|
|
+ uploadImg() {
|
|
|
+ uni.chooseImage({
|
|
|
+ count:4,
|
|
|
+ success: (chooseImageRes) => {
|
|
|
+ const tempFilePaths = chooseImageRes.tempFilePaths;
|
|
|
+ for(let i=0;i<tempFilePaths.length;i++) {
|
|
|
+ uni.uploadFile({
|
|
|
+ url: BaseApi.BaseApi + '/uploadFile',
|
|
|
+ filePath: tempFilePaths[i],
|
|
|
+ name: 'file',
|
|
|
+ formData: {
|
|
|
+ 'user': 'test'
|
|
|
+ },
|
|
|
+ success: (uploadFileRes) => {
|
|
|
+ console.log(uploadFileRes);
|
|
|
+ this.fileList1.push(JSON.parse(uploadFileRes.data).data)
|
|
|
+ console.log(this.fileList1);
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
- });
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- // 新增图片
|
|
|
- // async afterRead(event) {
|
|
|
- // // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
|
|
- // let lists = [].concat(event.file)
|
|
|
- // let fileListLen =this.fileList1.length
|
|
|
- // lists.map((item) => {
|
|
|
- // this.fileList1.push({
|
|
|
- // ...item,
|
|
|
- // status: 'uploading',
|
|
|
- // message: '上传中'
|
|
|
- // })
|
|
|
- // })
|
|
|
- //
|
|
|
- // // console.log('111111111111111111',this.fileList1)
|
|
|
- // for (let i = 0; i < lists.length; i++) {
|
|
|
- // const result = await this.uploadFilePromise(lists[i])
|
|
|
- //
|
|
|
- // let item = this.fileList1[fileListLen]
|
|
|
- // this.fileList1.splice(fileListLen, 1, Object.assign(item, {
|
|
|
- // status: 'success',
|
|
|
- // message: '',
|
|
|
- // url: result
|
|
|
- // }))
|
|
|
- // fileListLen++
|
|
|
- // }
|
|
|
- // },
|
|
|
- // uploadFilePromise(url) {
|
|
|
- // console.log('999',url)
|
|
|
- //
|
|
|
- // // 这时候我们创建一个formData对象实例
|
|
|
- // const formData = new FormData();
|
|
|
- // formData.append("file", url);
|
|
|
- // console.log('222222',formData)
|
|
|
- //
|
|
|
- // //
|
|
|
- // // this.$api.post('/uploadFile',{file:url})
|
|
|
- // // .then(res=>{
|
|
|
- // // console.log('111111111111111111',res)
|
|
|
- // // })
|
|
|
- //
|
|
|
- //
|
|
|
- //
|
|
|
- //
|
|
|
- // // return new Promise((resolve, reject) => {
|
|
|
- // // let a = uni.uploadFile({
|
|
|
- // // url: BaseApi.BaseApi + '/uploadFile',
|
|
|
- // // filePath: url,
|
|
|
- // // name: 'file',
|
|
|
- // // formData: {
|
|
|
- // // user: 'test'
|
|
|
- // // },
|
|
|
- // // success: (res) => {
|
|
|
- // // setTimeout(() => {
|
|
|
- // // resolve(res.data.data)
|
|
|
- // // }, 1000)
|
|
|
- // // }
|
|
|
- // // });
|
|
|
- // // })
|
|
|
- // },
|
|
|
-
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
+
|
|
|
+ },
|
|
|
changeHandler(e) {
|
|
|
const {
|
|
|
columnIndex,
|
|
|
@@ -494,5 +404,16 @@
|
|
|
margin: 20rpx;
|
|
|
margin-top: 0px;
|
|
|
}
|
|
|
-
|
|
|
+.uploadBox{
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+.uploadPart{display: flex;align-items: center;}
|
|
|
</style>
|
