YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: support uploads multi files (#191)

Browse Source
This commit is contained in:
boojack
2022-09-02 20:05:40 +08:00
committed by GitHub
parent 3e13fa1ce6
commit 422e190c96
3 changed files with 41 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/MemoEditor.tsx
View File

@ -209,21 +209,27 @@ const MemoEditor: React.FC<Props> = () => {
const handleUploadFileBtnClick = useCallback(() => {
const inputEl = document.createElement("input");
inputEl.style.position = "fixed";
inputEl.style.top = "-100vh";
inputEl.style.left = "-100vw";
document.body.appendChild(inputEl);
inputEl.type = "file";
inputEl.multiple = false;
inputEl.accept = "image/png, image/gif, image/jpeg";
inputEl.multiple = true;
inputEl.accept = "image/*";
inputEl.onchange = async () => {
if (!inputEl.files || inputEl.files.length === 0) {
return;
}
const file = inputEl.files[0];
const url = await handleUploadFile(file);
if (url) {
editorRef.current?.insertText(`![](${url})`);
for (const file of inputEl.files) {
const url = await handleUploadFile(file);
if (url) {
editorRef.current?.insertText(`![](${url})`);
}
}
};
inputEl.click();
document.body.removeChild(inputEl);
}, []);
const handleFullscreenBtnClick = () => {