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

You may limit the maximum number of image upload using API related to the file upload provided by Synap Editor.


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); // You must use this to check the file uploaded through editor.getUploadedFiles()
});

editor.setEventListener('beforeUploadImage', function (e) {
	var fileType = e.fileType;
	var uploadCount = e.uploadCount; //Number of files being uploaded (the number of files to be uploaded whose upload is not completed yet)
	var imageCount = 0;
	e.editor.getUploadedFiles(fileType).forEach(function (info) {
		if (!info.isDeleted) {
			imageCount++; // Count the number of images not deleted
		}
	});
	if (imageCount + uploadCount >= 5) { // Allow up to 5 uploads
		e.returnValue = false; // Cancel the upload by returning false through returnValue
		alert('Five images can be uploaded at most');
	}
});


Relevant APIs


  • No labels