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 uploadFileToOSS from '~/api/upload';
import {
getOcr
} 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) {
wx.chooseMedia({
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 {
uploadFileToOSS().then((imageUrls) => {
wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' });
this.setData({
imageFile: data
imageFile: imageUrls
})
getOcr(data).then(res => {
getOcr(imageUrls).then(res => {
wx.showToast({ title: '识别完成!', icon: 'none' })
this.ocrAdditem(res)
})
console.log('上传成功:', data); // 输出上传成功后的数据
}
});
} else {
wx.showToast({
title: '未选择文件!',
icon: 'none'
});
}
},
fail: (err) => {
wx.showToast({
title: '选择文件失败!',
icon: 'none'
});
console.error('选择文件失败:', err); // 输出选择文件的错误信息
}
});
})
},
ocrAdditem(data) {

View File

@ -1,4 +1,5 @@
import request from '~/api/request';
import uploadFileToOSS from '~/api/upload';
import { getOcr } from '~/api/ocr';
import { getBOcr } from '~/api/BOcr';
@ -247,78 +248,17 @@ Page({
[`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) {
const { mode } = e.currentTarget.dataset;
if (this.data.form[mode].length >= 9) {
wx.showToast({ title: '最多上传9张图片!', icon: 'none' });
return
}
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); // 输出文件路径
this.uploadFileToOSS(tempFilePath, (error, data) => {
if (error) {
wx.showToast({ title: '上传失败!', icon: 'none' });
console.error('上传失败:', error); // 输出具体的错误信息
} else {
uploadFileToOSS().then((imageUrl) => {
const { mode } = e.currentTarget.dataset;
let arr = this.data.form[mode]
arr.unshift(data)
arr.unshift(imageUrl)
this.setData({
[`form.${mode}`]: arr
})
@ -326,32 +266,21 @@ Page({
wx.showToast({ title: '上传成功!', icon: 'none' });
} else if(mode == 'b_mode_image'){
wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' });
getBOcr(data).then(ocrRes => {
getBOcr(imageUrl).then(ocrRes => {
console.log(ocrRes)
wx.showToast({ title: '识别完成!', icon: 'none' })
this.setFormData(ocrRes, mode)
})
} else{
wx.showToast({ title: '上传成功,正在识别内容!', icon: 'none' });
getOcr(data).then(ocrRes => {
getOcr(imageUrl).then(ocrRes => {
console.log(ocrRes)
wx.showToast({ title: '识别完成!', icon: 'none' })
this.setFormData(ocrRes, mode)
})
}
})
console.log('上传成功:', data); // 输出上传成功后的数据
}
});
} else {
wx.showToast({ title: '未选择文件!', icon: 'none' });
}
},
fail: (err) => {
wx.showToast({ title: '选择文件失败!', icon: 'none' });
console.error('选择文件失败:', err); // 输出选择文件的错误信息
}
});
},
imageKey: '',

View File

@ -1,4 +1,5 @@
import request from '~/api/request'
import uploadFileToOSS from '~/api/upload';
Page({
/**
@ -34,99 +35,37 @@ Page({
console.log(e)
},
//上传文件方法
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) {
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' });
const {
mode
} = e.currentTarget.dataset;
uploadFileToOSS().then((imageUrl) => {
wx.showToast({
title: '上传成功!',
icon: 'success'
});
this.setData({
[`form.${mode}`]: data
[`form.${mode}`]: imageUrl
}, () => {
this.validateForm(mode);
})
})
console.log('上传成功:', data); // 输出上传成功后的数据
}
});
} else {
wx.showToast({ title: '未选择文件!', icon: 'none' });
}
},
fail: (err) => {
wx.showToast({ title: '选择文件失败!', icon: 'none' });
console.error('选择文件失败:', err); // 输出选择文件的错误信息
}
});
},
handleDelete(e) {
const { mode } = e.currentTarget.dataset;
const {
mode
} = e.currentTarget.dataset;
this.setData({
[`form.${mode}`]: ''
})
},
handleImagePreview(e) {
const { mode } = e.currentTarget.dataset;
const {
mode
} = e.currentTarget.dataset;
this.setData({
imageList: [this.data.form[mode]],
imageIndex: 1,
@ -135,7 +74,9 @@ handleImagePreview(e){
},
onInput(e) {
const { mode } = e.currentTarget.dataset;
const {
mode
} = e.currentTarget.dataset;
this.setData({
[`form.${mode}`]: e.detail.value
}, () => {
@ -176,7 +117,10 @@ validateForm(mode) {
async toQuestionnaire() {
if (!this.validateForm()) {
wx.showToast({ title: '请完善表单信息', icon: 'none' });
wx.showToast({
title: '请完善表单信息',
icon: 'none'
});
return;
}
const body = {