Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

릴리즈 2.2.1 이상

파일 타입별 업로드된 파일의 경로와 (path), 삭제되었는지 여부 (isDeleted) 를 Object 형태로 반환합니다.


Parameters:

Name

Type

Description

fileTypestring정보를 가져올 파일 타입입니다. ("image", "video", "file")


Return:

TypeAttributeDescription
Array
[
	{ path: "/upload/path/filename.png", isDeleted: false },
	{ path: "/upload/path/filename2.png", isDeleted: true },
	....
]
path 경로와, isDeleted 삭제여부 데이터


Example:

var filesData = editor.getUploadedFiles();





getUploadedFiles()




릴리즈 2.2.1 이상


파일 타입별 업로드된 파일의 경로와 (path), 삭제되었는지 여부 (isDeleted) 를 Object 형태로 반환합니다.


Parameters:

Name

Type

Description

fileTypeString파일 타입 정보를 넣지 않을 경우


Return:

TypeAttributeDescription
Object
{
	image: [
		{ path: "/upload/path/filename.png", isDeleted: false },
		{ path: "/upload/path/filename2.png", isDeleted: true },
		....
	],
	video: [],
	file: []
}
path 경로와, isDeleted 삭제여부 데이터



Example:

var filesData = editor.getUploadedFiles();




활용 예

1. 이미지 업로드 수 제한하기

사이냅에디터에서 제공하는 파일업로드 관련 API를 활용하여 이미지 업로드 수를 제한 할 수 있습니다.


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개까지만 업로드 가능합니다');
	}
});


관련 API


  • No labels