51工具盒子与其在绝望和挣扎中苟活，不如在希冀和盼望中死亡。------纪伯伦
首先是文件上传的代码：
|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 | hljs javascript module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) }, beforeUpload({ file, module }) { let _self = this; return new Promise((resolve, reject) => { this.policy(module) .then(response => { resolve({ policy: response.data.policy, signature: response.data.signature, ossaccessKeyId: response.data.accessid, key: response.data.dir + this.getUUID() + "${filename}", dir: response.data.dir, host: response.data.host }); }) .catch(err => { reject(err); }); }); }, policy(module) { return new Promise((resolve, reject) => { uni.request({ // 在这改获取oss签证的接口 url: 'http://获取签证的接口/' + 'oss', data: { module }, success: (res) => { if (res.data.success) { resolve(res.data) } else { reject(res) } }, fail: (err) => { reject(err) } }); }) }, uploadFile({ file, module, response, limit = 5242880 }) { console.log("uploadFile: ", { file, module, response }) // 限制5M,单位B if (!file) { uni.showToast({ title: "读取文件失败", icon: 'none' }); return false; } if (file.size > limit) { uni.showToast({ title: "超过限制大小", icon: 'none' }); return false; } let filename = file.path.substr(file.path.lastIndexOf("/") + 1) this.beforeUpload({ file, module }).then(res => { let options = { url: res.host, name: 'file', filePath: file.path, formData: res, success: ossCallBack => { console.log({ ossCallBack, filename }) response(res.host + "/" + res.key.replace("${filename}", filename)) }, fail: console.error } console.log(options) uni.uploadFile(options) }).catch(console.error) } } |
然后是视频上传+压缩
|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 | hljs vue <script> const oss = require('@/utils/oss.js'); export default { methods: { upload(file, { contentType }) { console.log({ file }); console.log({ contentType }); let messageType = ''; let content = file.path; let limit; switch (contentType) { case 1: messageType = 'IMAGE'; limit = 2097152; break; case 4: messageType = 'VIDEO'; limit = 10485760; break; } oss.uploadFile({ file, module: 'chat', limit, response: filePath => { console.log('File upload success!'); console.log({ filePath }); // 上传完成结束回调 } }); }, onImage() { uni.chooseImage({ sourceType: ['album'], success: res => { res.tempFiles.forEach(file => { this.upload(file, { contentType: 1 }); }); } }); }, onVideo() { uni.chooseVideo({ count: 1, compressed: true, sourceType: ['album', 'camera'], success: res => { console.log({ res }); // 这块是自定义压缩，需要在上方compressed设置为false关闭默认上传压缩 // console.log('压缩前大小：: ', res.size / (1024 * 1024) + 'KB'); // uni.getVideoInfo({ // src: res.tempFilePath, // success: ({ fps, bitrate }) => { // console.log({ fps, bitrate }); // uni.compressVideo({ // src: res.tempFilePath, // quality: 'high', // bitrate, // fps, // resolution: 1, // success: res => { // console.log({ res }); // console.log('压缩后大小：: ', res.size / (1024 * 1024) + 'KB'); // this.upload({ path: res.tempFilePath, size: res.size }, { contentType: 4 }); // } // }); // } // }); console.log('视频大小：: ', res.size / (1024 * 1024) + 'KB'); this.upload({ path: res.tempFilePath, size: res.size }, { contentType: 4 }); } }); }, onShoot() { uni.chooseImage({ sourceType: ['camera'], success: res => { this.upload(res.tempFiles[0], { contentType: 1 }); } }); } } }; </script> |
