공백에kintoone의 첨부 파일 그림 보이기

이번에는 Kintone REST API Center를 사용하겠습니다.
킨톤의 첨부 파일 그림을 빈칸으로 확장해서 표시합니다.
킨톤의 맞춤형 강좌를 완성한 사람을 대상으로 작성합니다.
완성된 인상(그림은 내가 그렸다.)

어플리케이션 준비


필드 유형
필드 코드
부속품
부속품
스페이스 바
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);
넣는 게 좋을 것 같은데?

좋은 웹페이지 즐겨찾기