This commit is contained in:
@zuopngfei 2025-07-29 13:30:42 +08:00
parent e8a8bec51e
commit 8cd91d92cf
4 changed files with 251 additions and 358 deletions

105
api/upload.js Normal file
View File

@ -0,0 +1,105 @@
import request from './request'
const uploadFile = async (file, callback) => {
const policyData = await request('admin/policy_token', 'post')
const res = JSON.parse(policyData.token)
const fileName = file.tempFilePath.split('/').pop(); // hello.png
// const fileName = fileNameWithExt.split('.').slice(0, -1).join('.'); // hello
const formData = {
key: 'upload_file/' + fileName, //上传文件名称
policy: res.policy, //表单域
'x-oss-signature-version': res.x_oss_signature_version, //指定签名的版本和算法
'x-oss-credential': res.x_oss_credential, //指明派生密钥的参数集
'x-oss-date': res.x_oss_date, //请求的时间
'x-oss-signature': res.signature, //签名认证描述信息
'x-oss-security-token': res.security_token, //安全令牌
success_action_status: "200" //上传成功后响应状态码
};
// console.log(filePath)
// return
// 发送请求上传文件
wx.uploadFile({
url: 'https://image-fudan.oss-cn-beijing.aliyuncs.com/',
method: 'put',
filePath: file.tempFilePath,
name: 'file', //固定值为file
formData: formData,
success(res) {
console.log('上传响应:', res);
if (res.statusCode === 200) {
callback(null, 'https://image-fudan.oss-cn-beijing.aliyuncs.com/upload_file/' + fileName); // 上传成功
} else {
console.error('上传失败,状态码:', res.statusCode);
console.error('失败响应:', res);
callback(res); // 上传失败,返回响应
}
},
fail(err) {
console.error('上传失败:', err); // 输出错误信息
wx.showToast({
title: '上传失败,请重试!',
icon: 'none'
});
callback(err); // 调用回调处理错误
}
});
}
const uploadFileToOSS = () => {
return new Promise((resolve, reject) => {
wx.chooseMedia({
count: 1, // 选择一个文件
mediaType: ['image'],
sourceType: ['album', 'camera'],
// type: 'all', // 支持所有类型的文件
success: (res) => {
wx.showToast({
title: '文件上传中,请稍等!',
icon: 'none'
});
console.log('选择的文件:', res.tempFiles); // 输出选择的文件信息
if (res.tempFiles.length > 0) {
const tempFilePath = res.tempFiles[0];
console.log('选择的文件路径:', tempFilePath); // 输出文件路径
uploadFile(tempFilePath, (error, data) => {
if (error) {
wx.showToast({
title: '上传失败!',
icon: 'none'
});
console.error('上传失败:', error); // 输出具体的错误信息
reject(error)
} else {
resolve(data)
console.log('上传成功:', data); // 输出上传成功后的数据
}
});
} else {
wx.showToast({
title: '未选择文件!',
icon: 'none'
});
reject('未选择文件!')
}
},
fail: (err) => {
wx.showToast({
title: '选择文件失败!',
icon: 'none'
});
console.error('选择文件失败:', err); // 输出选择文件的错误信息
reject('选择文件失败!')
}
});
});
};
export default uploadFileToOSS;

View File

@ -1,4 +1,5 @@
import request from '~/api/request'; import request from '~/api/request';
import uploadFileToOSS from '~/api/upload';
import { import {
getOcr getOcr
} from '~/api/drugOcr'; } from '~/api/drugOcr';
@ -320,104 +321,18 @@ Page({
}) })
}, },
//上传文件方法
async uploadFileToOSS(file, callback) {
const policyData = await request('admin/policy_token', 'post')
const res = JSON.parse(policyData.token)
const fileName = file.tempFilePath.split('/').pop(); // hello.png
// const fileName = fileNameWithExt.split('.').slice(0, -1).join('.'); // hello
const formData = {
key: 'upload_file/' + fileName, //上传文件名称
policy: res.policy, //表单域
'x-oss-signature-version': res.x_oss_signature_version, //指定签名的版本和算法
'x-oss-credential': res.x_oss_credential, //指明派生密钥的参数集
'x-oss-date': res.x_oss_date, //请求的时间
'x-oss-signature': res.signature, //签名认证描述信息
'x-oss-security-token': res.security_token, //安全令牌
success_action_status: "200" //上传成功后响应状态码
};
// console.log(filePath)
// return
// 发送请求上传文件
wx.uploadFile({
url: 'https://image-fudan.oss-cn-beijing.aliyuncs.com/',
method: 'put',
filePath: file.tempFilePath,
name: 'file', //固定值为file
formData: formData,
success(res) {
console.log('上传响应:', res);
if (res.statusCode === 200) {
callback(null, 'https://image-fudan.oss-cn-beijing.aliyuncs.com/upload_file/' + fileName); // 上传成功
} else {
console.error('上传失败,状态码:', res.statusCode);
console.error('失败响应:', res);
callback(res); // 上传失败,返回响应
}
},
fail(err) {
console.error('上传失败:', err); // 输出错误信息
wx.showToast({
title: '上传失败,请重试!',
icon: 'none'
});
callback(err); // 调用回调处理错误
}
});
},
handleUpload(e) { handleUpload(e) {
wx.chooseMedia({ uploadFileToOSS().then((imageUrls) => {
count: 1, // 选择一个文件
mediaType: ['image'],
sourceType: ['album', 'camera'],
success: (res) => {
wx.showToast({
title: '文件上传中,请稍等!',
icon: 'none'
});
console.log('选择的文件:', res.tempFiles); // 输出选择的文件信息
if (res.tempFiles.length > 0) {
const tempFilePath = res.tempFiles[0];
console.log('选择的文件路径:', tempFilePath); // 输出文件路径
this.uploadFileToOSS(tempFilePath, (error, data) => {
if (error) {
wx.showToast({
title: '上传失败!',
icon: 'none'
});
console.error('上传失败:', error); // 输出具体的错误信息
} else {
wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' }); wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' });
this.setData({ this.setData({
imageFile: data imageFile: imageUrls
}) })
getOcr(data).then(res => { getOcr(imageUrls).then(res => {
wx.showToast({ title: '识别完成!', icon: 'none' }) wx.showToast({ title: '识别完成!', icon: 'none' })
this.ocrAdditem(res) this.ocrAdditem(res)
}) })
console.log('上传成功:', data); // 输出上传成功后的数据 })
}
});
} else {
wx.showToast({
title: '未选择文件!',
icon: 'none'
});
}
},
fail: (err) => {
wx.showToast({
title: '选择文件失败!',
icon: 'none'
});
console.error('选择文件失败:', err); // 输出选择文件的错误信息
}
});
}, },
ocrAdditem(data) { ocrAdditem(data) {

View File

@ -1,4 +1,5 @@
import request from '~/api/request'; import request from '~/api/request';
import uploadFileToOSS from '~/api/upload';
import { getOcr } from '~/api/ocr'; import { getOcr } from '~/api/ocr';
import { getBOcr } from '~/api/BOcr'; import { getBOcr } from '~/api/BOcr';
@ -247,78 +248,17 @@ Page({
[`form.${mode}`]: e.detail.value [`form.${mode}`]: e.detail.value
}) })
}, },
//上传文件方法
async uploadFileToOSS(file, callback) {
const policyData = await request('admin/policy_token', 'post')
const res = JSON.parse(policyData.token)
const fileName = file.tempFilePath.split('/').pop(); // hello.png
// const fileName = fileNameWithExt.split('.').slice(0, -1).join('.'); // hello
const formData = {
key: 'upload_file/' + fileName, //上传文件名称
policy: res.policy, //表单域
'x-oss-signature-version': res.x_oss_signature_version, //指定签名的版本和算法
'x-oss-credential': res.x_oss_credential, //指明派生密钥的参数集
'x-oss-date': res.x_oss_date, //请求的时间
'x-oss-signature': res.signature, //签名认证描述信息
'x-oss-security-token': res.security_token, //安全令牌
success_action_status: "200" //上传成功后响应状态码
};
// console.log(filePath)
// return
// 发送请求上传文件
wx.uploadFile({
url: 'https://image-fudan.oss-cn-beijing.aliyuncs.com/',
method: 'put',
filePath: file.tempFilePath,
name: 'file', //固定值为file
formData: formData,
success(res) {
console.log('上传响应:', res);
if (res.statusCode === 200) {
callback(null, 'https://image-fudan.oss-cn-beijing.aliyuncs.com/upload_file/' + fileName); // 上传成功
} else {
console.error('上传失败,状态码:', res.statusCode);
console.error('失败响应:', res);
callback(res); // 上传失败,返回响应
}
},
fail(err) {
console.error('上传失败:', err); // 输出错误信息
wx.showToast({ title: '上传失败,请重试!', icon: 'none' });
callback(err); // 调用回调处理错误
}
});
},
handleUpload(e) { handleUpload(e) {
const { mode } = e.currentTarget.dataset; const { mode } = e.currentTarget.dataset;
if (this.data.form[mode].length >= 9) { if (this.data.form[mode].length >= 9) {
wx.showToast({ title: '最多上传9张图片!', icon: 'none' }); wx.showToast({ title: '最多上传9张图片!', icon: 'none' });
return return
} }
wx.chooseMedia({ uploadFileToOSS().then((imageUrl) => {
count: 1, // 选择一个文件
mediaType: ['image'],
sourceType: ['album', 'camera'],
// type: 'all', // 支持所有类型的文件
success: (res) => {
wx.showToast({ title: '文件上传中,请稍等!', icon: 'none' });
console.log('选择的文件:', res.tempFiles); // 输出选择的文件信息
if (res.tempFiles.length > 0) {
const tempFilePath = res.tempFiles[0];
console.log('选择的文件路径:', tempFilePath); // 输出文件路径
this.uploadFileToOSS(tempFilePath, (error, data) => {
if (error) {
wx.showToast({ title: '上传失败!', icon: 'none' });
console.error('上传失败:', error); // 输出具体的错误信息
} else {
const { mode } = e.currentTarget.dataset; const { mode } = e.currentTarget.dataset;
let arr = this.data.form[mode] let arr = this.data.form[mode]
arr.unshift(data) arr.unshift(imageUrl)
this.setData({ this.setData({
[`form.${mode}`]: arr [`form.${mode}`]: arr
}) })
@ -326,32 +266,21 @@ Page({
wx.showToast({ title: '上传成功!', icon: 'none' }); wx.showToast({ title: '上传成功!', icon: 'none' });
} else if(mode == 'b_mode_image'){ } else if(mode == 'b_mode_image'){
wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' }); wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' });
getBOcr(data).then(ocrRes => { getBOcr(imageUrl).then(ocrRes => {
console.log(ocrRes) console.log(ocrRes)
wx.showToast({ title: '识别完成!', icon: 'none' }) wx.showToast({ title: '识别完成!', icon: 'none' })
this.setFormData(ocrRes, mode) this.setFormData(ocrRes, mode)
}) })
} else{ } else{
wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' }); wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' });
getOcr(data).then(ocrRes => { getOcr(imageUrl).then(ocrRes => {
console.log(ocrRes) console.log(ocrRes)
wx.showToast({ title: '识别完成!', icon: 'none' }) wx.showToast({ title: '识别完成!', icon: 'none' })
this.setFormData(ocrRes, mode) this.setFormData(ocrRes, mode)
}) })
} }
})
console.log('上传成功:', data); // 输出上传成功后的数据
}
});
} else {
wx.showToast({ title: '未选择文件!', icon: 'none' });
}
},
fail: (err) => {
wx.showToast({ title: '选择文件失败!', icon: 'none' });
console.error('选择文件失败:', err); // 输出选择文件的错误信息
}
});
}, },
imageKey: '', imageKey: '',

View File

@ -1,4 +1,5 @@
import request from '~/api/request' import request from '~/api/request'
import uploadFileToOSS from '~/api/upload';
Page({ Page({
/** /**
@ -6,7 +7,7 @@ Page({
*/ */
data: { data: {
form: { form: {
username:'', username: '',
mmp_7: '', mmp_7: '',
day: '', day: '',
mobile: '', mobile: '',
@ -34,116 +35,56 @@ Page({
console.log(e) console.log(e)
}, },
//上传文件方法 handleUpload(e) {
async uploadFileToOSS(file, callback) { const {
mode
} = e.currentTarget.dataset;
const policyData = await request('admin/policy_token', 'post') uploadFileToOSS().then((imageUrl) => {
const res = JSON.parse(policyData.token) wx.showToast({
const fileName = file.tempFilePath.split('/').pop(); // hello.png title: '上传成功!',
// const fileName = fileNameWithExt.split('.').slice(0, -1).join('.'); // hello icon: 'success'
const formData = {
key: 'upload_file/' + fileName, //上传文件名称
policy: res.policy, //表单域
'x-oss-signature-version': res.x_oss_signature_version, //指定签名的版本和算法
'x-oss-credential': res.x_oss_credential, //指明派生密钥的参数集
'x-oss-date': res.x_oss_date, //请求的时间
'x-oss-signature': res.signature, //签名认证描述信息
'x-oss-security-token': res.security_token, //安全令牌
success_action_status: "200" //上传成功后响应状态码
};
// console.log(filePath)
// return
// 发送请求上传文件
wx.uploadFile({
url: 'https://image-fudan.oss-cn-beijing.aliyuncs.com/',
method: 'put',
filePath: file.tempFilePath,
name: 'file', //固定值为file
formData: formData,
success(res) {
console.log('上传响应:', res);
if (res.statusCode === 200) {
callback(null, 'https://image-fudan.oss-cn-beijing.aliyuncs.com/upload_file/'+ fileName); // 上传成功
} else {
console.error('上传失败,状态码:', res.statusCode);
console.error('失败响应:', res);
callback(res); // 上传失败,返回响应
}
},
fail(err) {
console.error('上传失败:', err); // 输出错误信息
wx.showToast({ title: '上传失败,请重试!', icon: 'none' });
callback(err); // 调用回调处理错误
}
}); });
},
handleUpload(e) {
const { mode } = e.currentTarget.dataset;
wx.chooseMedia({
count: 1, // 选择一个文件
mediaType: ['image'],
sourceType: ['album', 'camera'],
success: (res) => {
wx.showToast({ title: '文件上传中,请稍等!', icon: 'none' });
if (res.tempFiles.length > 0) {
const tempFilePath = res.tempFiles[0];
this.uploadFileToOSS(tempFilePath, (error, data) => {
if (error) {
wx.showToast({ title: '上传失败!', icon: 'none' });
console.error('上传失败:', error); // 输出具体的错误信息
} else {
wx.showToast({ title: '上传成功!', icon: 'success' });
this.setData({ this.setData({
[`form.${mode}`]: data [`form.${mode}`]: imageUrl
}, () => { }, () => {
this.validateForm(mode); this.validateForm(mode);
}) })
})
console.log('上传成功:', data); // 输出上传成功后的数据
}
});
} else {
wx.showToast({ title: '未选择文件!', icon: 'none' });
}
}, },
fail: (err) => {
wx.showToast({ title: '选择文件失败!', icon: 'none' });
console.error('选择文件失败:', err); // 输出选择文件的错误信息
}
});
},
handleDelete(e){ handleDelete(e) {
const { mode } = e.currentTarget.dataset; const {
mode
} = e.currentTarget.dataset;
this.setData({ this.setData({
[`form.${mode}`]: '' [`form.${mode}`]: ''
}) })
}, },
handleImagePreview(e){ handleImagePreview(e) {
const { mode } = e.currentTarget.dataset; const {
mode
} = e.currentTarget.dataset;
this.setData({ this.setData({
imageList: [this.data.form[mode]], imageList: [this.data.form[mode]],
imageIndex: 1, imageIndex: 1,
imageVisible: true imageVisible: true
}) })
}, },
onInput(e){ onInput(e) {
const { mode } = e.currentTarget.dataset; const {
mode
} = e.currentTarget.dataset;
this.setData({ this.setData({
[`form.${mode}`]: e.detail.value [`form.${mode}`]: e.detail.value
}, () => { }, () => {
this.validateForm(mode); this.validateForm(mode);
}); });
}, },
validateForm(mode) { validateForm(mode) {
let update = {}; let update = {};
let form = this.data.form; let form = this.data.form;
if (!mode || mode === 'username') { if (!mode || mode === 'username') {
@ -172,11 +113,14 @@ validateForm(mode) {
if (!mode) { if (!mode) {
return update.isName && update.isMmp && update.isDay && update.isMobile && update.isGallbladder && update.isPortalVeinBranch && update.isPortalVeinCross; return update.isName && update.isMmp && update.isDay && update.isMobile && update.isGallbladder && update.isPortalVeinBranch && update.isPortalVeinCross;
} }
}, },
async toQuestionnaire(){ async toQuestionnaire() {
if (!this.validateForm()) { if (!this.validateForm()) {
wx.showToast({ title: '请完善表单信息', icon: 'none' }); wx.showToast({
title: '请完善表单信息',
icon: 'none'
});
return; return;
} }
const body = { const body = {
@ -193,12 +137,12 @@ async toQuestionnaire(){
msg: res.message, msg: res.message,
visible: true visible: true
}) })
}, },
confirm(){ confirm() {
this.setData({ this.setData({
visible: false visible: false
}) })
}, },
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */