공백에kintoone의 첨부 파일 그림 보이기
4837 단어 kintone-rest-api-clientkintone
킨톤의 첨부 파일 그림을 빈칸으로 확장해서 표시합니다.
킨톤의 맞춤형 강좌를 완성한 사람을 대상으로 작성합니다.
완성된 인상(그림은 내가 그렸다.)
어플리케이션 준비
필드 유형
필드 코드
부속품
부속품
스페이스 바
sp
JavaScript
kintoone REST API Client를 사용합니다.https://unpkg.com/@kintone/[email protected]/umd/KintoneRestAPIClient.min.js
활동에서는 세부 화면 표시 후 이벤트 로깅 및 인쇄 화면 표시 이벤트 로깅을 권장합니다.const client = new KintoneRestAPIClient();
const sp = kintone.app.record.getSpaceElement("sp");
for (let f of event.record.添付ファイル.value) {
const data = await client.file.downloadFile({
fileKey: f.fileKey,
});
// ファイル名
const title = document.createElement("p");
title.textContent = "▼" + f.name;
sp?.appendChild(title);
// 画像
const b = new Blob([data]);
const img = document.createElement("img");
img.src = URL.createObjectURL(b);
img.style.width = "600px";
sp?.appendChild(img);
}
첨부 파일 필드는 필요하지 않습니다.그림만 보면 되는 상황.kintone.app.record.setFieldShown("添付ファイル", false);
넣는 게 좋을 것 같은데?
Reference
이 문제에 관하여(공백에kintoone의 첨부 파일 그림 보이기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/juri_don/items/dc9e5634fa6a4cea354a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
kintoone REST API Client를 사용합니다.
https://unpkg.com/@kintone/[email protected]/umd/KintoneRestAPIClient.min.js
활동에서는 세부 화면 표시 후 이벤트 로깅 및 인쇄 화면 표시 이벤트 로깅을 권장합니다.const client = new KintoneRestAPIClient();
const sp = kintone.app.record.getSpaceElement("sp");
for (let f of event.record.添付ファイル.value) {
const data = await client.file.downloadFile({
fileKey: f.fileKey,
});
// ファイル名
const title = document.createElement("p");
title.textContent = "▼" + f.name;
sp?.appendChild(title);
// 画像
const b = new Blob([data]);
const img = document.createElement("img");
img.src = URL.createObjectURL(b);
img.style.width = "600px";
sp?.appendChild(img);
}
첨부 파일 필드는 필요하지 않습니다.그림만 보면 되는 상황.kintone.app.record.setFieldShown("添付ファイル", false);
넣는 게 좋을 것 같은데?
Reference
이 문제에 관하여(공백에kintoone의 첨부 파일 그림 보이기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/juri_don/items/dc9e5634fa6a4cea354a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)