Hi, I need to use box Content Uploader API in lwc,
My Js code as follows. When I
When I run it, I get an undefine error when I download uploader.js.
How can I solve this problem? please give me some suggestions
I downloaded the uploader.js、uploader.css as follows, and I uploaded them to static resource.
https://cdn01.boxcdn.net/platform/elements/15.0.0/en-US/uploader.js
https://cdn01.boxcdn.net/platform/elements/15.0.0/en-US/uploader.css
JS code:
import { LightningElement } from 'lwc';
import { loadStyle, loadScript } from 'lightning/platformResourceLoader';
import LwcUploader_15_React from '@salesforce/resourceUrl/LwcUploader_15_React';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
export default class LwcCallBoxUIElement extends LightningElement {
uploader;
accessToken = "";
fileId = "";
fileName = "";
connectedCallback() {
Promise.all([
loadStyle(this, LwcUploader_15_React + '/uploader.css').then(() => console.log("uploader.css loaded")),
loadScript(this, LwcUploader_15_React + '/uploader.js').then(() => console.log("uploader.js loaded"))-----★エラー発生行目
])
.then(() => {
window.console.log("js Load OK");
this.setUploader();
})
.catch((error) => {
window.console.log("js Load Error : " + error);
this.dispatchEvent(
new ShowToastEvent({
title: 'Error in loading LwcUploader',
message: 'message: ' + error,
variant: 'error'
})
);
});
}
setUploader() {
const { ContentUploader } = Box;
uploader = new ContentUploader();
uploader.on('complete',(data)=>{
console.log(data);
//uploader.hide();
fileId = data[0].id;
fileName = data[0].name;
});
uploader.on('error',(data)=>{
console.log(data);
alert('ファイルアップロードエラー');
});
uploader.on('close',(e)=>{
console.log(e);
});
}
}