API Name
Anchor |
---|
| getUploadedFiles(fileType) |
---|
| getUploadedFiles(fileType) |
---|
|
getUploadedFiles(fileType)
파일 타입별 업로드된 파일의 경로와 (path), 삭제되었는지 여부 (isDeleted) 를 Object 형태로 반환합니다.
Parameters:
Name | Type | Description |
---|
fileType | string | 정보를 가져올 파일 타입입니다. ("image", "video", "file") |
...
Code Block |
---|
|
var filesData = editor.getUploadedFiles(); |
Anchor |
---|
| getUploadedFiles() |
---|
| getUploadedFiles() |
---|
|
getUploadedFiles()
파일 타입별 업로드된 파일의 경로와 (path), 삭제되었는지 여부 (isDeleted) 를 Object 형태로 반환합니다.
Parameters:
Name | Type | Description |
---|
fileType | String | 파일 타입 정보를 넣지 않을 경우 |
...
Code Block |
---|
|
var filesData = editor.getUploadedFiles(); |
Anchor |
---|
| addUploadPath |
---|
| addUploadPath |
---|
|
addUploadPath
업로드 된 파일의 타입에 해당하는 업로드 경로를 추가합니다.
업로드시 직접 이 메소드를 통해 경로를 설정해주어야 editor.getUploadedFiles() 에서 확인 가능합니다.
Parameters:
Name | Type | Description |
---|
fileType | String | 경로를 추가할 파일의 타입입니다. ("image", "video", "file") |
uploadPath | String | 파일이 업로드된 경로입니다. |
Example:
Code Block |
---|
|
editor.addUploadPath("image", "upload/path/filename.png"); |
...
활용 예
1. 이미지 업로드 수 제한하기
Code Block |
---|
|
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var editor = new SynapEditor(editorId, editorConfig, html);
editor.setEventListener('afterUploadImage', function (e) {
var fileType = e.fileType;
var uploadPath = e.path;
e.editor.addUploadPath(fileType, uploadPath); // editor.getUploadedFiles() 을 통해 업로드된 파일을 확인하려면 반드시 사용
});
editor.setEventListener('beforeUploadImage', function (e) {
var fileType = e.fileType;
var uploadCount = e.uploadCount; // 업로드 중인 이미지 수 (아직 업로드 되지 않은)
var imageCount = 0;
e.editor.getUploadedFiles(fileType).forEach(function (info) {
if (!info.isDeleted) {
imageCount++; // 삭제되지 않은 이미지 개수 세기
}
});
if (imageCount + uploadCount >= 5) { // 5개 까지만 허용하기
e.returnValue = false; // returnValue로 false를 반환해 업로드를 취소
alert('이미지는 5개까지만 업로드 가능합니다');
}
}); |
...