|
|
|
@ -1,6 +1,7 @@ |
|
|
|
import { |
|
|
|
$wuxActionSheet |
|
|
|
} from '../../../../components/dist/index' |
|
|
|
const config = require('../../../../utils/config') |
|
|
|
const QQMapWX = require('../../../../utils/qqmap-wx-jssdk') |
|
|
|
const App = getApp() |
|
|
|
|
|
|
|
@ -93,11 +94,7 @@ Page({ |
|
|
|
checkResultFlag: this.data.checkResultFlag, |
|
|
|
reviewTime: this.data.reviewTime, |
|
|
|
hiddenDangeList: this.data.hiddenDangeList, |
|
|
|
attachmentUrls: [{ |
|
|
|
fileName: '文件' |
|
|
|
}, { |
|
|
|
attachmentUrl: 'http://tmp/2JqHQVjACkEA00497265d7c287d505d1c20123e0470c.png' |
|
|
|
}], |
|
|
|
attachmentUrls: this.data.uploadImageList, |
|
|
|
remark: '123' |
|
|
|
}).then(({ |
|
|
|
data |
|
|
|
@ -337,6 +334,7 @@ Page({ |
|
|
|
return |
|
|
|
} |
|
|
|
const _this = this |
|
|
|
|
|
|
|
$wuxActionSheet().showSheet({ |
|
|
|
buttons: [{ |
|
|
|
text: '拍照' |
|
|
|
@ -345,58 +343,90 @@ Page({ |
|
|
|
text: '从相册中获取', |
|
|
|
openType: null, |
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
className: 'dialog-class', |
|
|
|
// 进入到这里的方法 index是buttons中的选项的索引值
|
|
|
|
buttonClicked(index) { |
|
|
|
console.log(index) |
|
|
|
if (index === 0) { |
|
|
|
wx.chooseMedia({ |
|
|
|
count: 1, |
|
|
|
sizeType: ['original', 'compressed'], |
|
|
|
sourceType: ['camera'], |
|
|
|
//具体属性看文档
|
|
|
|
count: 1, //最多选择的数量
|
|
|
|
sizeType: ['original', 'compressed'], //文件的类型
|
|
|
|
sourceType: ['camera'], //可以用进行选择拍摄
|
|
|
|
success(res) { |
|
|
|
console.log(res); |
|
|
|
// 将照片的长度赋值给他
|
|
|
|
let deleteLength = _this.data.uploadImageList.length |
|
|
|
// .将this中的uploadImageList重新赋值给uploadImageList
|
|
|
|
const uploadImageList = [..._this.data.uploadImageList] |
|
|
|
// 判断数据的大小
|
|
|
|
if (res.tempFiles[0].size <= 5 * 1024 * 1024) { |
|
|
|
//uploadImageList
|
|
|
|
uploadImageList.push({ |
|
|
|
// 已上传关闭
|
|
|
|
uploaded: false, |
|
|
|
// ossUrl服务器
|
|
|
|
ossUrl: { |
|
|
|
url:res.tempFiles[0].tempFilePath |
|
|
|
// 获取请求中的地址
|
|
|
|
url: res.tempFiles[0].tempFilePath |
|
|
|
}, |
|
|
|
// 图片地址
|
|
|
|
imgUrl: res.tempFiles[0].tempFilePath, |
|
|
|
// 将data里边的imageId自动加1
|
|
|
|
imageId: ++_this.data.imageId, |
|
|
|
//获取路径的后三位，res.tempFiles[0].tempFilePath.length - 3, 3 从第三个为值截取，截取长度为3
|
|
|
|
type: res.tempFiles[0].tempFilePath.substr(res.tempFiles[0].tempFilePath.length - 3, 3), |
|
|
|
//格式，图片
|
|
|
|
format: "image", |
|
|
|
// 设置标识符
|
|
|
|
name: 'wximage' |
|
|
|
}) |
|
|
|
} else { |
|
|
|
_this.showToast('图片上限5M，请压缩后重试~') |
|
|
|
return false |
|
|
|
} |
|
|
|
// 将uploadImageList赋值给uploadImageList
|
|
|
|
_this.setData({ |
|
|
|
uploadImageList |
|
|
|
}) |
|
|
|
// 上传到服务器
|
|
|
|
wx.uploadFile({ |
|
|
|
// 服务器的地址
|
|
|
|
url: `${config.BASEURL()}oss/file/uploadvariedfile`, |
|
|
|
//上传的本地路径
|
|
|
|
filePath: res.tempFiles[0].tempFilePath, |
|
|
|
//文件都相应的key
|
|
|
|
name: 'file', |
|
|
|
// 头部标识
|
|
|
|
header: { |
|
|
|
'Content-type': 'application/json;charset=UTF-8', |
|
|
|
'Authorization': wx.getStorageSync('token') |
|
|
|
}, |
|
|
|
success(fileRes) { |
|
|
|
//不懂
|
|
|
|
console.log("执行了") |
|
|
|
console.log(fileRes) |
|
|
|
// 这段代码片段中 !JSON.parse(fileRes.data).data 是一个条件表达式，它用于判断 fileRes.data 中是否包含 data 属性的值。
|
|
|
|
//fileRes将json转化为一个javascript对象
|
|
|
|
if (!JSON.parse(fileRes.data).data) { |
|
|
|
_this.showToast('图片上传失败，请重试~') |
|
|
|
// 删除
|
|
|
|
// 删除上传失败的图片
|
|
|
|
// findIndex是找到符合条件的第一个索引
|
|
|
|
const index = _this.data.uploadImageList.findIndex(item => item.imageId === _this.data.imageId) |
|
|
|
if (index > -1) { |
|
|
|
// 删掉splice索引为1
|
|
|
|
_this.data.uploadImageList.splice(index, 1) |
|
|
|
//更新uploadImageList
|
|
|
|
_this.setData({ |
|
|
|
uploadImageList: _this.data.uploadImageList |
|
|
|
}) |
|
|
|
} |
|
|
|
} else { |
|
|
|
// 上传uploaded为true
|
|
|
|
uploadImageList[uploadImageList.length - 1].uploaded = true |
|
|
|
// ossUrl为data
|
|
|
|
uploadImageList[uploadImageList.length - 1].ossUrl = JSON.parse(fileRes.data).data |
|
|
|
_this.setData({ |
|
|
|
uploadImageList |
|
|
|
@ -415,8 +445,8 @@ Page({ |
|
|
|
} else if (index === 1) { |
|
|
|
wx.chooseMedia({ |
|
|
|
count: 1, |
|
|
|
type: 'image', |
|
|
|
sourceType: ['album'], |
|
|
|
type: 'image', //类型是图片
|
|
|
|
sourceType: ['album'], //允许从相册李删选
|
|
|
|
success(res) { |
|
|
|
console.log(res, '图片上传的res'); |
|
|
|
let deleteLength = _this.data.uploadImageList.length |
|
|
|
@ -435,6 +465,7 @@ Page({ |
|
|
|
type: item.tempFilePath.substr(item.tempFilePath.length - 3, 3), |
|
|
|
originFileName: 'image' + index + 1 |
|
|
|
}) |
|
|
|
console.log(uploadImageList) |
|
|
|
} else { |
|
|
|
_this.showToast('图片上限5M，请压缩后重试~') |
|
|
|
} |
|
|
|
@ -442,6 +473,8 @@ Page({ |
|
|
|
_this.setData({ |
|
|
|
uploadImageList: [..._this.data.uploadImageList, ...uploadImageList] |
|
|
|
}) |
|
|
|
console.log(_this.data.uploadImageList) |
|
|
|
console.log(uploadImageList) |
|
|
|
uploadImageList.forEach((item, index) => { |
|
|
|
return (function (index) { |
|
|
|
wx.uploadFile({ |
|
|
|
@ -483,23 +516,12 @@ Page({ |
|
|
|
return true |
|
|
|
}, |
|
|
|
cancelText: '取消', |
|
|
|
//cancel()：当用户点击取消按钮时触发的回调函数。你可以在这个回调函数中执行相应的操作，比如关闭弹出框或者执行其他逻辑。
|
|
|
|
|
|
|
|
//destructiveButtonClicked()：当用户点击了破坏性按钮（如果有）时触发的回调函数。破坏性按钮通常用于执行一些危险操作，比如删除或者清除数据等。
|
|
|
|
cancel() {}, |
|
|
|
destructiveButtonClicked() {}, |
|
|
|
}) |
|
|
|
// wx.chooseMedia({
|
|
|
|
// count: 1,
|
|
|
|
// sizeType: ['original', 'compressed'],
|
|
|
|
// sourceType: ['album', 'camera'],
|
|
|
|
// success(res) {
|
|
|
|
// console.log(res)
|
|
|
|
// const tempFilePaths = res.tempFilePaths;
|
|
|
|
// // 将选定的图片显示在页面上
|
|
|
|
// this.setData({
|
|
|
|
// imageUrl: tempFilePaths[0]
|
|
|
|
// });
|
|
|
|
// console.log(this.data.imageUrl)
|
|
|
|
// }
|
|
|
|
// })
|
|
|
|
}, |
|
|
|
// 删除选中的图片
|
|
|
|
deleteImage(e) { |
|
|
|
|
是小王呀\24601
1 year ago