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({
/** /**
@ -34,99 +35,37 @@ Page({
console.log(e) 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) { handleUpload(e) {
const { mode } = e.currentTarget.dataset; const {
mode
} = e.currentTarget.dataset;
wx.chooseMedia({ uploadFileToOSS().then((imageUrl) => {
count: 1, // 选择一个文件 wx.showToast({
mediaType: ['image'], title: '上传成功!',
sourceType: ['album', 'camera'], icon: 'success'
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,
@ -135,7 +74,9 @@ handleImagePreview(e){
}, },
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
}, () => { }, () => {
@ -176,7 +117,10 @@ validateForm(mode) {
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 = {