martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

resizing images for sealed channels

Browse Source
This commit is contained in:
Roland Osborne 2023-05-04 10:13:10 -07:00
parent d66b208122
commit 9dda806b23
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
net/web/src/context/useUploadContext.hook.js
View File

@ -150,7 +150,7 @@ export function useUploadContext() {
return { state, actions }
}
function getImageThumb(data) {
function getImageThumb(data) {
return new Promise(resolve => {
Resizer.imageFileResizer(data, 192, 192, 'JPEG', 50, 0,
uri => {

20
net/web/src/session/conversation/addTopic/useAddTopic.hook.js
View File

@ -67,7 +67,7 @@ export function useAddTopic(contentKey) {
const loadFileData = (file) => {
return new Promise(resolve => {
const reader = new FileReader()
reader.onloadend = (res) => { console.log(reader.result); resolve(reader.result) }
reader.onloadend = (res) => { resolve(reader.result) }
reader.readAsArrayBuffer(file)
})
};
@ -104,7 +104,8 @@ export function useAddTopic(contentKey) {
const actions = {
addImage: async (image) => {
const asset = await setUrl(image);
const scaled = await getResizedImage(image);
const asset = await setUrl(scaled);
asset.image = image;
addAsset(asset);
},
@ -182,3 +183,18 @@ export function useAddTopic(contentKey) {
return { state, actions };
}
function getResizedImage(data) {
return new Promise(resolve => {
Resizer.imageFileResizer(data, 1024, 1024, 'JPEG', 90, 0,
uri => {
const base64 = uri.split(';base64,').pop();
var binaryString = atob(base64);
var bytes = new Uint8Array(binaryString.length);
for (var i = 0; i < binaryString.length; i++) {
bytes[i] = binaryString.charCodeAt(i);
}
resolve(new Blob([bytes]));
}, 'base64', 256, 256 );
});
}